BFC

一、什么是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传递问题
• 解决浮动问题
• 解决覆盖问题