2012-04-23 59 views
0

正如你所看到的here你需要應用一個靜態高度#wrapper,因爲否則該div將不包含其子元素。 (這裏是fiddle)這很合乎邏輯。然而,我想要給#wrapper一個自動高度,通過它可以包含多行相對定位的元素。只有相對定位的孩子的元素上的自動高度

我想我可以添加一個其他包裝各個項目和靜態定位它們?但我寧願不添加更多的HTML。如果需要,JS/jQuery解決方案是可能的。

回答

1

有一個浮動是你的孩子DIV的,所以你要清楚它是從它parent &刪除高度。像這樣寫:

#wrapper { 
    background-color: white; 
    min-height: 360px; 
    margin: 50px auto; 
    overflow: hidden; 
    padding: 10px; 
    width: 1008px; 
} 

入住這http://jsfiddle.net/y5nYN/16/

+0

有意思,溢出:隱藏;做到了。你能解釋爲什麼嗎? – 2012-04-23 09:34:15

+1

這裏是關於清晰漂浮物的好文章http://www.quirksmode.org/css/clearing.html – sandeep 2012-04-23 09:35:14

相關問題