高度为0px的div,与子女相比不会增长

时间:2011-06-13 16:34:44

标签: html css layout css-float clear

我将div div.home-top与另外两个div div#home-content float:leftdiv#home-buttons float:right

div#home-top下面,div#home-footerclear:both

我的div#home-top是最小尺寸。 我把它换成红色,但我看不到它。 如何使div#home-top采取高度divs儿童。 See代码。

2 个答案:

答案 0 :(得分:11)

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

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

JS Fiddle demo

答案 1 :(得分:2)

浮动的div没有高度,所以.home-top不会扩展。你需要给它一个明确的高度或者释放内部元素。