CSS清除浮动及手写clearfix

清除浮动的方法

使用clear:both清除浮动

clear:both意思就是清除浮动；

   .clear{
        clear:both;
    }

verflow方法的使用

当给父元素设置了overflow样式，不管是overflow:hidden或overflow:auto都可以清除浮动只要它的值不为visible就可以了，它的本质就是建构了一个BFC，这样使得达到撑起父元素高度的效果

   .fahter{
        overflow: hidden;
    }

手写clearfix

  		.clearfix:after{
            content: '';     /*生成内容为空 */
            display: table;  /* 转为块级元素，使用display: block; 也可以*/
            clear: both;     /* 清除浮动*/
        }