css 利用伪类清除浮动

上代码先

.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如何布局，并且与这个区域外部毫不相干。