块格式化上下文

块格式化上下文（Block Formatting Context，BFC）是 Web 页面的可视 CSS 渲染的一部分，是块级盒子的布局过程发生的区域，也是浮动元素与其他元素交互的区域。

创建BFC

1. 浮动元素（float不为none）
2. 绝对定位元素（position 值为 absolute 或 fixed）
3. 行内块元素（display 值为 inline-block）
4. overflow 值不为 visible、clip 的块元素
5. display 值为 flow-root 的元素

作用

1. 包含内部浮动
2. 排除外部浮动
3. 阻止外边距重叠