0

我正在尝试制作一个 HTML DOM 幻灯片创建器，它将文本、图像等插入幻灯片以进行演示。考虑的主要浏览器是 Nintendo DSi 和 3DS 浏览器，但我也想要计算机功能，这意味着我正在使用 CSS 百分比。

但这里有个问题：一个 HTML span 元素的相对定位是 top 100% 和 left:90%。

左侧位置很好-顶部位置不是...我不明白为什么，但是跨度从顶部位置完全显示在元素之外。

在这里亲自检查一下。

“幻灯片 1”应该位于我拥有的浅灰色 div 的底部边框之上。当定位应该相对于那个 div 时，为什么这在外面？

我一直对 CSS 定位感到困惑……有人可以帮我解决这个问题吗？这越来越令人沮丧。顺便说一句，您要寻找的是 HTML div 之外的“幻灯片 1”。

4

1 回答 1

0

正是因为top: 100%. 那是告诉它移动span容器高度的 100%，当然，因为它从容器顶部开始，所以它刚好超过容器底部。请注意，relative正如您所说，定位不是“相对于那个 div”完成的，它实际上是相对于那个span（你可能想对此做一些阅读）。但是，当使用百分比偏移量时，它会计算相对于容器大小的偏移量。

由于您的div.slide容器本身就是容器position:relative，因此我相信您想要的是将您的容器设置span为position:absolute而不是进行top定位，bottom: 0而是将其直接放置在div您尝试将其放置在底部的底部。你可以保留你的left: 90%.

于 2012-11-21T03:47:28.990 回答