BFC 全称 Block Formatting Context。

每个渲染区域用formatting context表示，它决定了其子元素将如何定位，以及和其他元素的关系和相互作用

在正常流中的盒子要么属于块级格式化上下文，要么属于内联格式化上下文

1.根元素；
2.float属性不为none；
3.position为absolute或fixed；
4.display为inline-block, flex, 或者inline-flex；
5.overflow不为visible；

1.margin 合并（父子合并，相邻合并，自己合并）
2.contain float,包含浮动元素。