clearfix 清除浮动

直接在有浮动的父级加上这个样式就可以了

方法一：
复制代码

.clearfix:after {     content:"200B";     display:block;     height:0;     clear:both; } .clearfix {*zoom:1;}/*IE/7/6*/复制代码

解释下:content:”200B”;这个参数，Unicode字符里有一个“零宽度空格”，即 U+200B，代替原来的“.”，可以缩减代码量。而且不再使用visibility:hidden

方法二：复制代码

.clearfix:before,.clearfix:after{     content:"";     display:table; } .clearfix:after{clear:both;} .clearfix{     *zoom:1;/*IE/7/6*/ }
复制代码

转载于:https://juejin.im/post/5a69325af265da3e2e62ac74