BFC:块级格式化上下文

BFC的特性与作用

1、可以避免外边距重叠:用新的盒子包裹外边距重合的盒子,给新的盒子加上overflow:hidden开启BFC模式解决外边距塌陷

2、清除浮动:如果父盒子没有设置宽高,在子盒子设置浮动的情况下会失去宽高,给父盒子加上overflow:hidden开启BFC模式可以清楚子盒子浮动

3、阻止元素被浮动元素覆盖:两个元素中有一个元素设置了浮动就因为脱离文档流可能覆盖另一个元素,如果不想被覆盖可以给被覆盖或者说没有设置浮动的那个元素设置overflow:hidden

posted @ 2022-03-01 20:34  永远老年  阅读(82)  评论(0)    收藏  举报