CSS：相对位置的div

Question

也许正在进行中所涉及的网站更容易里面绝对位置文本 - http://www.roadsafetyforchildren.co.uk/

我想在页面上的蓝条的底部（这是一个img）黄色文本的位置。

我有一个div有position:relative;，在另一个div中有position:absolute;。我认为这样做时，当你指定一个top位置的绝对股利它将采取相对股利的顶部，因为它的起点？矿山占据了屏幕的顶端，因为它是起点，因此是巨大的顶级位置。

很显然，我希望黄色文字随着蓝色条移动，具体取决于页面的高/宽。

据我所知，使用绝对位置是解决这个问题的唯一方法吗？

也许我不理解将绝对定位的div放入相对位置的整个概念！

Answer 1

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

Answer 2

绝对定位的div必须是里面的相对定位的div。这似乎并不是你所链接的网站的情况。