什么是BFC？

转载 什么是BFC？

BFC(Block formatting context)直译为"块级格式化上下文"。它是一个独立的渲染区域，只有Block-level box参与， 它规定了内部的Block-level Box如何布局，并且与这个区域外部毫不相干。

如何创建BFC

• 1、float的值不是none。
• 2、position的值不是static或者relative。
• 3、display的值是inline-block、table-cell、flex、table-caption或者inline-flex
• 4、overflow的值不是visible

BFC的作用

1. 利用BFC避免margin重叠。
2. .清除浮动。