【大场面经】7.7（2）💻BFC是什么，怎么样形成BFC，BFC有什么作用？

⭐基本概念

BFC （Block Formatting Context） 是块级格式化上下文，是Web页面中盒模型布局的CSS渲染模式，是一个隔离的独立容器。

怎样形成一个BFC？

满足以下条件之一就可以实现：

​ 1.float元素。

　　2.position不是static，relative。

　　3.display为inline-block, table-cell, table-caption，flex和inline-flex。

　　4.overflow不为visiable。

BFC用处

• 清除浮动，给父元素添加overflow:hidden。因为计算BFC的高度时，浮动元素也参与计算。
• 用于两栏自适应布局
• 防止垂直margin合并（解决margin塌陷问题）