BFC是什么?
首先直接翻译一下BFC,BFC全称 Block Formatting Contexts,中文意思为:块级格式化上下文。
通俗一点来讲,可以把BFC理解为一个封闭的大盒子,盒子内部的元素无论怎么样,是跑,是跳、还是飞,都不影响到外部。
然后随便说二三种会触发BFC特性的情况,比如:
- body根元素
- 浮动元素:float除none以外的值
- 绝对定位元素:position(absolute、fixed)
- display为inline-block、table-cells、flex
- overflow除了visible以外的值(hidden、auto、scroll)