Container Div無法擴展到內部div內容

我一直在尋找整夜，並且我必須做錯誤的事情，因爲我已經看到過這個問題或類似的內容。我很抱歉需要再次提問。Container Div無法擴展到內部div內容

我有一個容器股利，其中包含一些其他股利，這是不擴大與內部股利內容。代碼可以在這裏找到：http://jsfiddle.net/pR7bq/

我不能刪除身高：100％;來自#container，因爲它也需要容納較少的內容。我已經看到提及使用

<br style="clear:both" />

但我使用不正確或它不工作。我發現這寫得很好，回答相同或類似的問題在這裏：What methods of ‘clearfix’ can I use?，但是，我不知道在哪裏放置代碼。我最好的嘗試失敗了。我也嘗試過使用溢出屬性，但我不希望滾動條出現在div而不是頁面上，如果這樣做合理的話。

我感謝所有幫助，並提前謝謝。

2013-03-12 dosi5127

當我使用高度：自動; 它適合於內容，但是當內容非常少時，它不會延伸到查看窗口的底部。 @Rohit Azad，最小高度作品BRILLIANTLY！非常感謝你的幫助！ – dosi5127 2013-03-12 18:16:08

現在用於min-height不是高度

像這樣

#container{ 
height:100%; // remove this line 
min-height:100%; // add this line 
}

2013-03-12 04:16:09

使用此爲您的容器造型：

#container{ 
    width:80%; 
    background:#f6f6f6; 
    height:auto; 
    margin: 0 auto; 
}

通過使用高度自動，瀏覽器嘗試確定將涵蓋其所有子元素的高度。

當您使用height：100％時，它根據元素容器的父高度確定高度。

2013-03-12 02:25:33 npage

請不要只是提供代碼作爲您的答案。 – 2013-03-12 02:27:14

我通常只是拋出這樣一類在我的CSS

.iefix{ clear: both;font-size: 1px;}

然後我把它扔到div的下一個div未在IE

行爲

<div class="wrap"> 
    <div class="left"> 
    </div> 
    <div class="right"> 
    </div> 
    <div class="iefix"></div> 
</div>

2013-03-12 02:26:29 mmeasor

使用高度自動或不定義高度爲您解決問題

2013-03-12 06:38:54

回答