BFC块级格式化上下文

BFC为独立存在于页面上的一个容器，它有一套自己的布局规则，不受外部的影响，反之内部也不能影响外面。

触发BFC的方法：

1. 根元素（html）
2. 浮动元素（元素的float不是none）
3. 绝对定位元素（元素的position为absolut或flxed）
4. 行内块元素（元素的display为inline-block）
5. 表格单元格（元素的display为table-cell，html表格单元格默认为该值）
6. overflow不等于visible