CSS:相对位置div内的绝对位置文本

时间:2011-07-21 15:33:36

标签: css css-position

可能更容易访问正在进行的网站 - http://www.roadsafetyforchildren.co.uk/

我想将黄色文字放在页面底部的蓝色条上(img)。

我有一个position:relative;的div,其中另一个div有position:absolute;。我想通过这样做,当你将top位置分配给绝对div时,它会将相对div的顶部作为起始点吗?我的屏幕顶部是它的起点,因此是巨大的顶级位置。

显然,我希望黄色文本随蓝色条移动,具体取决于页面的高度/宽度。

据我所知,使用position绝对是解决这个问题的唯一方法吗?

也许我不理解将绝对定位的div放在相对的div中的整个概念!

2 个答案:

答案 0 :(得分:2)

您的#footer div绝对定位,但它不在任何相对定位的元素内。我看到的唯一相对元素是#actual-content,它是#footer的兄弟。如果你在一个相对元素中放置一个绝对定位的元素,那么它就像你描述的那样。

答案 1 :(得分:1)

绝对定位的div必须在里面相对定位的div。在您链接的网站上似乎并非如此。