拉伸一个元素，即使其子元素是浮动的

Question

<div id="wrapper" style="background:red;"> 
<div id="child" style="height:500px;float:left;"></div> 
</div> 

如何让#wrapper拉伸的高度为#child？

Answer 1

你必须通过clear清除浮动：两者，以便包装盒知道结束。

<div id="wrapper" style="background:red;"> 
<div id="child" style="height:500px;float:left;"></div> 
<div style="clear:both;"></div> 
</div> 

Answer 2

给父母一个身高：0px auto; 在px中的初始高度是你想要它开始和自动将允许这根据其子女的高度调整

Answer 3

将一个clearfix类添加到父div。这里是CSS：Fiddle

.cf { zoom: 1; } 
.cf:before, .cf:after { content: ""; display: table; }   
.cf:after { clear: both; }