1、BFC 块级格式化上下文
具有 BFC 特性的元素可以看作是隔离了的独立容器，容器里面的元素不会在布局上影响到外面的元素，并且 BFC 具有普通容器所没有的一些特性。
2、满足一下条件即可触发BFC
body 根元素
浮动元素：float 除 none 以外的值
绝对定位元素：position (absolute、fixed)
display 为 inline-block、table-cells、flex
overflow 除了 visible 以外的值 (hidden、auto、scroll)
3、常见的使用
<div style="width:100%;">
<div style="height:100px;width:100px;float:left;"></div>
<div style="height:100px;overflow:hidden;"></div>
</div>