<div class="father clearfix">
<p>子元素</p>
</div>
-
overflow:hidden
.clearfix { overflow: hidden; }
-
父元素后加div给clear:both
<div class="clear"></div>
.clear {clear: both}
-
父元素添加after伪元素
.clearfix:after { content: ''; height: 0; clear: both; display: block; visibility: hidden; }
-
父元素添加before和after伪元素
clearfix:before, clearfix:after { content:''; clear: both; display: block; }