什么 bfc 机制

介绍
BFC(block formatting context):块级格式化上下文 CSS2.1 规范中的一个概念。它是页面中的一块渲染区域，并且有一套渲染规则，它决定了其子元素将如何定位，以及和其他元素的关系和相互作用。

2、渲染规则：
1.在BFC中元素垂直方向上的margin会重叠。
2.BFC内相当于一个独立的世界，里面的元素无论怎么变化都不会影响外面。
3.BFC内元素不会与浮动元素发生重叠（这是BFC解决浮动的根本原因）。
4.计算高度时，浮动元素也会参与（也就是overflow:hidden能清浮动的原因）。

3、那些操作会触发bfc
float设置left或right；
position为absolute或fixed；
display为inline-block, table-cell, table-caption, flex, inline-flex；
overflow不为visible,其他情况会触发BFC。