CSS-子盒子撑开父盒子，让父盒子的高随内容自适应

方法一：

height:auto!important; 
height:200px; 
min-height:200px; 

ie6并不支持min-height。ie7,opera,火狐没有问题。

方法二：

在浮动的容器后面，父容器结束之前加入一个空的div，并清除浮动。

 

<div class="father">

 

　　<div class="son">这里是内容</div>

　　<div class="son">这里是内容</div>

　　<div class="son">这里是内容</div>

　　<div class="son">这里是内容</div>

　　<div class="son">这里是内容</div>

　　<div class="son">这里是内容</div>

　　<div class="son">这里是内容</div>

　　<div class="son">这里是内容</div>

 

　　<div class="clearfloat"></div>

</div> 
.clearfloat{clear:both;height:0;} 

 

可查看链接 http://www.jb51.net/css/140685.html

转载于:https://www.cnblogs.com/heyiming/p/6385407.html