闭合浮动给浮动元素的父级加,清除浮动给受影响的元素加。
清除浮动:clear:both;
闭合浮动:
.clearfix:after{
content: ".";/*生成一个元素内容为".",为" "时也好用*/
display: block;/*让元素为块级元素*/
height: 0;/*用以下两种方式让元素不渲染*/
visibility: hidden;
clear: both;/*清除浮动*/
}
<div class="clearfix">
<div class="fl"></div>
<div class="fr"></div>
</div>