BFC 是什么
区块格式化上下文（Block Formatting Context，BFC）
官方定义：Web 页面的可视 CSS 渲染的一部分，是块级盒子的布局过程发生的区域，也是浮动元素与其他元素交互的区域
理解：生成一个独立的布局环境，内部元素布局与外部互不影响。
如何创建BFC
- 文档的根元素
（<html>） float不为 noneposition为 fixed、absoluteoverflow不为 visibledisplay为 inline-block、flex、inline-flex、grid、inline-grid、table、inline-table、table-cell、flow-root 等
