Div與高度是0px，它不會增長相對於他們的孩子

Question

我有div div.home-top與另外兩個div div#home-content爲float:left和div#home-buttons爲float:right。

及以下div#home-top得到了div#home-footer爲clear:both

我div#home-top是最小尺寸。 我把它放在紅色，但我看不到它。 如何讓div#home-top承擔孩子的身高。 See的代碼。

Answer 1

添加overflow: hidden;到CSS的div#home-top：

div#home-top 
{ 
    background-color:Red; 
    overflow: hidden; 
} 

JS Fiddle demo

Answer 2

Floated divs沒有高度，所以.home-top不會擴大。你需要給它一個明確的高度或者解開內在的因素。