什么是BFC
BFC（Block Formatting Context）格式化上下文，是Web页面中盒模型布局的CSS渲染模式，指一个独立的渲染区域或者说是一个隔离的独立容器。
BFC形成条件
- float浮动，除 none 以外的值
- position定位，absolute/fixed
- 有display = inline-block/table-cell/table-caption
- overflow 除了visible 以外的值（hidden，auto，scroll）
特性
- 内部的Box（块级元素）会在垂直方向上一个接一个的放置，同块级元素。
- 外边距不重叠
- 不被浮动元素覆盖 -- 常见两栏布局/三栏布局
- 防止字体环绕 -- 解决浮动元素下元素 内文字环绕
- 清除浮动
