一、什么是BFC
块格式上下文（Block Formatting Context）BFC。它是一个独立的渲染区域，只有Block-level box参与， 它规定了内部的Block-level Box如何布局，并且与这个区域外部毫不相干。
二、如何创建一个BFC?
-
html是BFC盒子
-
浮动元素是BFC盒子
-
行内块元素也是BFC盒子
-
overflow取值不为visible的值 如:auto hidden
-
......
三、BFC的特点
-
BFC盒子会默认包裹住内部子元素（标准流、浮动）→ 应用：清除浮动
-
BFC盒子本身与子元素之间不存在margin的塌陷现象 → 应用：解决margin的塌陷
-
......