bfc优缺点 – CSS – 前端 css 动态线条

1.bfc全称Block formatting context，块级格式化上下文，字面理解就是一个独立渲染的区域，里面的内容不受外界的影响。

2.一般设置了浮动，绝对定位/固定定位、dispaly的值为inline-block、table-cell、flex…或者元素设置了overflow的值除visible的情况下会产生。

3.一般用于清除浮动、设置左边固定大小，右边自适应布局，margin之间的层叠问题。

4.缺点的话因为偶没有找到其他文献，偶猜是bfc应该会引起重排，消耗性能吧。