清除浮动的几种方式

• 额外标签法

    //内层元素最后添加一个div 添加属性     .clear-fix：both;

• 使用:after 伪元素

        //父元素设置         .clearfix:after{  /*最简方式*/            content: '';            display: block;            clear: both;        }        /* 很多公司的方式        .clearfix:after{             content: '';            display: block;            clear: both;            height: 0;            visibility: hidden;        }        */        .clearfix{ /*兼容 IE*/            zoom: 1;        }

• 给父元素定高

      //很low 生产中基本不用

• 利用overflow:hidden;属性 （fbx盒子）

      //父元素设置      overflow: hidden;      zoom: 1;/*兼容 IE*/

• 父元素浮动

        //父级元素        flow:left;        //影响 文档流会填充他所占据的位置        //方法：父级添加一个兄弟元素 添加clear:both;

• 父元素处于绝对定位

        //父级元素        position:absolute;        //影响 文档流会填充他所占据的位置

整理于
https://segmentfault.com/a/1190000003937063
https://my.oschina.net/leipeng/blog/221125