超级会员免费看
BFC
https://zhuanlan.zhihu.com/p/25321647
具有 BFC 特性的元素可以看作是隔离了的独立容器，容器里面的元素不会在布局上影响到外面的元素，并且 BFC 具有普通容器所没有的一些特性。
● body 根元素
● 浮动元素：float 除 none 以外的值
● 绝对定位元素：position (absolute、fixed)
● display 为 inline-block、table-cells、flex
● overflow 除了 visible 以外的值 (hidden、auto、scroll)
根节点<html>,float:left/right,overflow:auto/scroll/hidden;
display:inline-block/table/table-cell/table-row
display:flex/grid的直接子元素，position:absolute/fixed’
二，什么是bfc?
bfc的官方（mdn)定义如下：
提供成化上下文（buckforeconicc)提供应于的区域。
简单的说bfc是一个完全独立的空间，这个空间里子元素的追染不会影响到外面的布局
三，如何创建bfc
如果大家对上面的bfc的定义还不是特别理解的话，下面我们通过一段代码来实际理解一下bfc的概念。
<!docpype html>
订阅专栏 解锁全文
1909
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
