BFC全称叫做块级格式化上下文,是一个网页的概念。
BFC的触发条件:
1、浮动元素:float除none之外的值。
2、绝对定位元素:position为absolute或是fixed
3、display为inline-block、flex、table-cells
4、overflow除了visible以外的其他值(hidden、scroll、auto)
用到BFC的场景:
阻止margin重叠;
可以包含浮动元素—清除内部浮动(清除浮动的原理是两个div都位于同一个BFC区域之中);
自适应两栏布局;
可以阻止元素被浮动元素覆盖;
BFC浅析
最新推荐文章于 2022-03-01 16:21:31 发布