了解BFC

BFC

BFC 是一种特性，拥有自己的一套渲染规则，它决定了其子元素将如何布局，以及和其他元素的相互关系和作用

如何触发BFC特性：

1. 根元素（html标签）
2. 浮动元素
3. 绝对定位元素
4. 行内块元素
5. 表格单元格
6. overflow不等于visible
7. display：flow-root（css 新特性，专门触发 BFC新特性，不会有额外影响）

作用：

1. 可以包含内部浮动元素
2. 可以排除外部浮动带来的影响
3. 阻止外边距重叠
4. 解决 margin 塌陷