上代码先
.clearfix:after{
content:"";
display:block;
height:0;
clear:both;
visibility:hidden;
}
//兼容低版本ie
.clearfix{zoom:1}
一直用，但是不太理解原理，overflow:hidden overflow的值不为visible会触发bfc，不知道跟这个有没有关系，因为bfc可以清除浮动。
BFC解释：
BFC(Block formatting context)直译为"块级格式化上下文"。它是一个独立的渲染区域，只有Block-level box参与， 它规定了内部的Block-level Box如何布局，并且与这个区域外部毫不相干。
