一、什么是BFC？
bfc即：block formatting contexts，具有bfc特性的元素可以看作是隔离了的独立容器，容器里面的元素不会在布局上影响到外面的元素，并且bfc具有普通容器所没有的一些特性
二、触发BFC
- 浮动元素：float除 none 以外的值
- 绝对定位元素：position （absolute、fixed）
- display为inline-block、table-cell、flex
- overflow除了 visible 以外的值（hidden、auto、scroll）
三、应用场景
- 解决margin叠加问题
- 解决margin传递问题
- 解决浮动问题
- 解决覆盖问题
