如何調整使用CSS的正確的div的高度

Question

我有2列div（左和右）包含在父div中。我希望父div高度在左右div高度展開時自動調整。我現在面臨的問題是，父級div的高度在左側擴展時會擴大，它不適用於右側。我有高度：所有div的自動。

有沒有人有解決方案？

Answer 1

您可以通過float例如

<div class="parent" style="float:left"> 
    <div class="child" style="float:left"></div> 
    <div class="child" style="float:left"></div> 


</div> 

Answer 2

您可能正在使用float移動右格右側做到這一點。花車不會自動調整父母身高，您必須在父母div結束之前添加以下代碼。

<br style="clear:both;" /> 

這將標記所有花車的結束在同一級別上。

Answer 3

你可能會浮動你的div讓它們彼此相鄰。通過這樣做，你'從流中刪除這些div'，即父母不再將它們作爲內容。

您可以通過給父母或overflow: hidden或通過添加清晰的div來「繞過」此效果。

例W /溢出：http://jsfiddle.net/BramVanroy/LJTGh/

重要CSS：

#wrapper { 
    height: auto; 
    width: 77%; 
    margin: 20px auto; 
    overflow: hidden; /*THIS IS IMPORTANT */ 
    border: 1px solid; 
} 

OR

例W /明確：http://jsfiddle.net/BramVanroy/LJTGh/1/

重要CSS：

.clear {clear: both;} 

第一個選項需要更多的CSS行，第二個更多的是HTML行，更多的是CSS行。