什么是 BFC
块级格式化上下文（Block Formatting Context，BFC）是 Web 页面的可视 CSS 渲染的一部分，是块级盒子的布局过程发生的区域，也是浮动元素与其他元素交互的区域
MDN 定义Block Formatting Context
如何触发BFC
- 根源素<html>
- 浮动元素（float�值 不为 none）
- 绝对定位元素（position 值为 absolute 或 fixed）
- 行内块元素 （display 值为 inline-block）
- overflow 值 不为 visible 或 clip 的块元素
- 弹性元素 （display 值为 flex 或 inline-flex）
解决了什么问题
- 清除浮动
- 防止 margin 重叠
