BFC即块级格式化上下文
定义
一个BFC区域包含创建该上下文元素的所有子元素，但是不包括创建了新的BFC的子元素的内部元素
- 每一个BFC区域只包括其子元素，不包括其子元素的子元素
- 每一个BFC区域都是独立隔绝的,互不影响!
触发条件
- body根元素
- 设置浮动，不包括none
- 设置定位，absoulte或者fixed
- 行内块显示模式，inline-block
- 设置overflow，即hidden，auto，scroll
- 表格单元格，table-cell
- 弹性布局，flex
应用
- 解决外边距的塌陷问题(垂直塌陷)
- 利用BFC解决包含塌陷
- BFC可以阻止标准流元素被浮动元素覆盖，做到自适应布局
- 清除浮动
