前端高频面试题：BFC是什么，怎么样形成BFC，BFC有什么作用？

BFC是什么，怎么样形成BFC，BFC有什么作用？

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

怎样形成一个BFC？

由以下之一创建：

• 浮动：float元素除了none以外。
• 绝对定位的元素
• 非块级元素具有 display: inline-block，table-cell,flex等。
• 块级元素具有overflow ，且值不是 visible

BFC用处

1. 清除浮动，给父元素添加overflow:hidden。因为计算BFC的高度时，浮动元素也参与计算。
2. 用于两栏自适应布局
3. 防止垂直margin合并