clearfix css清理浮动

第一种方法：

.clearfix:after {

 visibility:hidden;

 display:block;
 font-size:0;
 content:" ";
 clear:both;
 height:0;
}
.clearfix {
 zoom:1;

}

第二种方法：

.clearfix:before, .clearfix:after {
    content:"";
    display:table;
}
.clearfix:after {
    clear:both;
}
.clearfix {
    zoom:1;
}

要是用了bootstrap框架，直接加入clearfix类就可以了，bootstrap中有定义clearfix

http://www.aa25.cn/div_css/941.shtml

https://wangyan.org/blog/css-clear-float-html.html