理解BFC

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>