什么是BFC？
BFC其实就是 Block Formatting Context 的缩写，翻译过来就是块级格式上下文。
其实就是块级元素的布局渲染规范，这个渲染规范决定了其子元素将如何定位，以及和其他元素的关系和相互作用。
如何触发BFC？
1. 浮动元素
即元素的float属性不为none
2. 绝对定位元素
即元素的position属性为absolute或fixed
3. 行内块元素
即display:inline-block
4. overflow
即overflow的值不为visible的块元素
5. 弹性元素
即display的值为flex、inline-flex元素的直接子元素
BFC解决了什么问题？
- 清除浮动
- 防止方向margin合并
- 某些古老的布局方式会用到
