当父容器包含的子元素是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