css闭合浮动、清除浮动

闭合浮动给浮动元素的父级加，清除浮动给受影响的元素加。

清除浮动：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>