2012-02-10 51 views
0

我想把兩個浮動:正確的divs放在彼此的頂部。XHTML - 兩個浮動:正確的divs onother ofother?

我試過position:relative;頂部:-HEIGHTpx;但它似乎是在做什麼(很顯然,我沒把在「高度」,我把實際高度

我不認爲還有更多必要的細節真的。

雖然這裏的樣式屬性

style="width:750px; margin-right:20px; background-color:#D6D6D6; border:1px solid #8C8C8C; float:right; font-family:arial; height:250px" 

而第二個:第一個元素的

style="width:750px; margin-right:20px; background-color:#D6D6D6; border:1px solid #8C8C8C; font-family:arial; height:250px; z-index: 2; float:right;" 

把他們內部的海誓山盟將是可能的,但我會被需要操縱左:___與JavaScript的px屬性,所以我寧願留下他們作爲兄弟姐妹。

回答

1

你可以使用position:absolute和z-index兩個div。

首先添加到div容器(你兩個div的父):

position: relative 

第一個div:(去除浮動,保證金右,添加位置絕對和的z-index)

style="width:750px; background-color:#D6D6D6; border:1px solid #8C8C8C; font-family:arial; height:250px; position: absolute; right: 20px; z-index: 1" 

第二個div:(去除浮動,保證金的權利,增加的絕對位置和z指數)

style="width:750px; background-color:#D6D6D6; border:1px solid #8C8C8C; font-family:arial; height:250px; position: absolute; right: 20px; z-index: 2;" 
+0

你的精確解沒有工作,但小瓦里Ation確實非常感謝! – 2012-02-10 19:08:06

+0

太棒了。我很高興它的工作到底:) – 2012-02-10 19:09:58