2012-09-06 80 views
0

我已經創建了一個div元素的ID和嘗試給這些屬性:CSS定位 - 對低於一定的div

.bu 
{ 
background: #eee; padding: 10px; position:absolute; margin: 0 0 15px 0;width:750px; -moz-box-shadow: 0 0 5px #666; -webkit-box-shadow: 0 0 5px #666; 
} 

而就在這之後,我已創建了相同ID的另一個div元素但我添加的第二個div出現在第一個元素的中間。

這裏是代碼段的更好的解釋:

<div style = "position:absolute; top:50px;"> 
<div class= "bu"> 
---something about height 200px 
</div> 
</div> 

<div class="bu"> 
something 
</div> 

我的想法是,第二個div應該出現在第一個div結束後,在那裏權。我可以給屬性「位置:絕對;頂部:250px;」到第二個div,但是,每個div的內容將由用戶決定並且沒有一定的高度。我在哪裏失蹤?

感謝

__不能在CSS掌握__

+2

不能有相同的'id'使用'class'不是多個元素! – Vishal

+0

好吧,我改變了它,但仍然相同 – user893970

+0

如果你想讓你的div相對對齊,那麼使用'position:relative'而不是'position:ablsolute' coz來定義它們的確切位置。 – Vishal

回答

0

幾個位置屬性值:

靜:這是默認的,它意味着元素將正常流動,即從左到右,至底部。元素將自己定位而不重疊

絕對:它根據意味着元件將具有特定位置(左,上,等等。)它的父元件位置。 它們可能與其他元素重疊,這可以使用z-index屬性來解決。

所以,你可能想創建一個父元素,並給它的位置絕對......並創建2個內部div沒有任何位置值。

看到這個代碼.... http://jsbin.com/welcome/20319/edit