clearfix清除浮动方案

long long ago，在刚进入前端这个领域的时候，很多东西都不知道，清除浮动用的是 overflow:hidden …

过了段时间，看别人的源码，发现class类中都有个clearfix，于是研究了一下，总算学会了真正的清除浮动的方式，现在记录一下：

1、

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

2、

.clearfix{    overflow: auto;    _height: 1%;}

3、

.clearfix{    overflow: hidden;    _zoom: 1;}