什么是BFC？对bfc的简单理解

今天认识了一个概念 BFC

什么是BFC？对bfc的简单理解

什么是BFC？

bfc格式化上下文，指一个独立的渲染区域。
bfc的特性：
内部的Box会在垂直方向上一个接一个的放置。
垂直方向上的距离由margin决定
bfc的区域不会与float的元素区域重叠。
计算bfc的高度时，浮动元素也参与计算
bfc就是页面上的一个独立容器，容器里面的子元素不会影响外面元素。
触发bfc的元素：
根元素
float的值不为none
overflow的值不为visible
display的值为inline-block、table-cell、table-caption
position的值为absolute或fixed。