2011-07-21 137 views
0

也許正在進行中所涉及的網站更容易裏面絕對位置文本 - http://www.roadsafetyforchildren.co.uk/CSS:相對位置的div

我想在頁面上的藍條的底部(這是一個img)黃色文本的位置。

我有一個div有position:relative;,在另一個div中有position:absolute;。我認爲這樣做時,當你指定一個top位置的絕對股利它將採取相對股利的頂部,因爲它的起點?礦山佔據了屏幕的頂端,因爲它是起點,因此是巨大的頂級位置。

很顯然,我希望黃色文字隨着藍色條移動,具體取決於頁面的高/寬。

據我所知,使用絕對位置是解決這個問題的唯一方法嗎?

也許我不理解將絕對定位的div放入相對位置的整個概念!

+0

我沒有看到黃色文字的任何父母與您的網站上的位置相對。但是,是的,具有絕對位置的元素相對於其第一個相對/絕對父元素被放置。此外 - 您可以使用'bottom:0px;'而不是'top:943px;' –

回答

2

您的#footer div絕對定位,但它不在任何相對定位的元素內。我看到的唯一相關元素是#actual-content,它是#footer的兄弟姐妹。如果你在一個相對元素中放置一個絕對定位的元素,那麼它就像你所描述的那樣工作。

+0

D'oh!現在排序謝謝! – Rob

1

絕對定位的div必須是裏面的相對定位的div。這似乎並不是你所鏈接的網站的情況。