BFC 规定该环境内盒子的排列，使环境内的元素不会受到环境外元素的影响，也不会让环境内的元素影响到外边的元素

BFC的作用：

1. 包含浮动的元素（清除浮动）

2. 阻止 margin 传递

3. 不被浮动元素覆盖

BFC的触发条件：

1. float 的值不为 none

2. overflow 的值不为 visible

3. display 的值为 inline-block, table-cell, table-caption

4. position的值为 absolute 或者 fixed