<div blass="box"> <p class="left">我设置了左浮动 float: left, 但是我的父元素没有触发 BFC</p> </div> <div class="clear"></div> <div class="box bfc"> <p class="left">我设置了左浮动 float: left, 而且我的父元素触发了 BFC</p> </div>
.box{ border: 1px solid #9a9a9a; } p{ background-color:gold; } .left{ float:left; } .bfc{ overflow:hidden; .box{ border: 1px solid #9a9a9a; } p{ background-color:gold; } .left{ float:left; } .bfc{ overflow:hidden; *zoom:1; } .clear{ clear:both; } } .clear{ clear:both; }