BFC是什么
- BFC的全称：block formatting context（块级上下文）
- 它是一个独立的渲染区域，只有它规定了内部的Block level Box如何布局，并且与这个区域外部毫不相干
如何让理解BFC - 具有BFC特性的元素可以看作是隔离了的独立容器，容器里面的元素不会在布局上影响到外面的元素
- 可以理解为BCF是一个独立的作用域
如何创建BFC - float的值不是none
- position的值不是static或者relative
- display的值是inline-block、table-cell、flex、table-caption或者inline-flex
- overflow的值不是visible
