- 概念
- Block Formatting Context,翻译过来就是块级格式化上下文
- bfc是一种属性，开启这种环境，就会让他和外界隔绝，外界不会影响到环境里面，环境里面也不会影响到外界，渲染成了一个独立的区域。
- 怎么才能触发BFC
根元素(html) float属性不为none position为absolute或fixed display为inline-block, table-cell, table-caption, flex, inline-flex overflow不为visible
- BFC可以解决什么问题
- 外边距重叠问题
外边距重叠,要注意这不是bug，规范就是这样的，当两个盒子上下同时拥有上下间距，会取最大值
- 还可以清除浮动
