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,因此我相信您想要的是将您的容器设置spanposition:absolute而不是进行top定位,bottom: 0而是将其直接放置在div您尝试将其放置在底部的底部。你可以保留你的left: 90%.

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