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="100%;">
<div style="height:100px;100px;float:left;"></div>
<div style="height:100px;overflow:hidden;"></div>
</div>