【大场面经】7.7（2）💻BFC是什么，怎么样形成BFC，BFC有什么作用？
Posted on 2021-07-07 16:14 秃头少女JennieLiu 阅读(73) 评论(0) 编辑 收藏 举报⭐基本概念
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塌陷问题）
