清除浮动的clearfix

1

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

2

.clearfix:after {
    display: block;
    overflow: hidden;
    content: "";
    visibility: hidden;
    clear: both;
    height: 0;
}
.clearfix{
    *zoom:1;
}

e.g: 开发常用第二种

Snip20170127_5.png