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;
}