当前位置：网站首页>布局---BFC（块级格式化上下文）详解

布局---BFC（块级格式化上下文）详解

2022-07-20 17:30:00 【Cirrod】

1.定义

BFC：块格式化上下文（Block Formatting Context）

  • 是Web页面的可视CSS渲染的一部分，是块盒子的布局过程发生的区域，也是浮动元素与其他元素交互的区域。
     

2.如何使元素（盒子）变成BFC盒子

①html标签是BFC盒子

②浮动的元素也是BFC盒子

③行内块元素也是BFC盒子

④overflow属性值不为visivle。如auto、hidden

⑤.......

3.BFC盒子的特点

① BFC盒子会默认包裹住内部子元素(标准流、浮动)→应用:清除浮动

② BFC盒子本身与子元素之间不存在margin的塌陷现象→应用:解决margin的塌陷

③........
 

案例详解参考：

什么是BFC？看这一篇就够了_Leon_94的博客-CSDN博客_bfc 

原网站

版权声明
本文为[Cirrod]所创，转载请带上原文链接，感谢
https://blog.csdn.net/h18377528386/article/details/125868507

边栏推荐

猜你喜欢

随机推荐