BFC（Block format content）块级格式化上下文。一块独立渲染的区域，内部元素的渲染不会影响边界以外的元素。
形成原因
1. 浮动：float 元素除了 none 以外。
2. 绝对定位的元素：position 是 absolute 或 fixed。
3. 块级元素：有 overflow 且不是 visible.
4. 非块级元素：有 display 是 flex、inline-block、table-cell等。
作用
1. 清除浮动，给父元素添加 overflow：hidden；因为计算 BFC 的高度时，浮动元素也参与计算。
2. 用于两栏自适应布局。
3. 防止垂直 margin 合并。
