BFC

bfc(block formatting context)块级格式化上下文，它是一个独立的渲染区域，block-level box参与，内部的如何布局不会影响外部的布局

bfc可以清除浮动，解决Margin合并问题，多栏布局
哪些元素会生成BFC

根元素html

float属性不为none

position为absolute或fixed

display为inline-block,table-cell,table-caption,flex,inline-flex非块框的块容器

overflow不为visible的块框，常用overflow:hidden去清除内部浮动

触发IE的hasLayout