是什么？
BFC 就是 Block fomatting context 块级格式化上下文(简称 BFC)
怎么做？
在 MDN 中很写的很清楚 块格式化上下文 - Web 开发者指南 | MDN )
用得比较多的
- 浮动元素（元素的 float 不是 none）
- 绝对定位元素（元素的 position 为 absolute 或 fixed）
- 行内块 inline block 元素
- overflow 值不为 visible 的块元素
- 弹性元素（display 为 flex 或 inline-flex 元素的直接子元素）
解决了什么问题
- 清除浮动
- 防止 margin 合并 （上下 margin）
- 某些古老的布局方式会用到（已过时）
