当父容器包含的子元素是float的,如果子元素的高度超过了父容器,则会‘撑破‘:
如:
<div class=‘div1‘> <div class=‘div2‘> .... </div> </div>
.div1{
height:200px;
}
.div2{
height:300px;
float:left;
}解决方法:
在父容器上加
.clearfix{overflow:auto;}本文出自 “web之路” 博客，请务必保留此出处http://liuzhongcool.blog.51cto.com/10509488/1676334
原文：http://liuzhongcool.blog.51cto.com/10509488/1676334