清除浮动的三种方式

前言：刚学css的时候，元素浮动后样式的改变给我造成了很大的困扰，去网上找了清除浮动的方法也有很多，由于当时并不了解使用浮动（float）后元素会脱离文档流，所以都是不明所以的复制粘贴。随着学习的深入，对于浮动和清除浮动都有了一定的了解，在这里记录我常用清除浮动的三种方法。

1. 在父元素外或内添加一个空的div，并添加css属性clear:both;
2. 给父元素添加css属性overflow:hidden;
3. 使用伪元素（常用）

.clearfix::after {
        content: "";
        height: 0;
        line-height: 0;
        display: block;
        clear: both;
        visibility: hidden;
    }
.clearfix {
        zoom:    //兼容IE
    }