布局---BFC(块级格式化上下文)详解

1.定义

BFC:块格式化上下文(Block Formatting Context)

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

2.如何使元素(盒子)变成BFC盒子

①html标签是BFC盒子

②浮动的元素也是BFC盒子

③行内块元素也是BFC盒子

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

⑤.......

3.BFC盒子的特点

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

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

③........
 

案例详解参考:

扫描二维码关注公众号,回复: 14384308 查看本文章

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

猜你喜欢

转载自blog.csdn.net/h18377528386/article/details/125868507