1.BFC 定义
BFC(Block formatting context)直译为"块级格式化上下文"。它是一个独立的渲染区域，只有Block-level box（块级元素）参与， 它规定了内部的Block-level Box如何布局，并且与这个区域外部毫不相干.
通俗地来说：创建了 BFC的元素就是一个独立的盒子，里面的子元素不会在布局上
影响外面的元素（里面怎么布局都不会影响外部），BFC任然属于文档中的普通流
2.BFC的生成：
知道了BFC怎么触发BFC
满足以下条件之一都可以触发BFC，变身为BFC
根元素
float属性不为none
position不为
