BFC简单介绍

块级格式化上下文(Block formatting context):BFC

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

创建BFC的方法:

  1. html标签是BFC盒子
  2. 浮动元素是BFC盒子
  3. 行内块元素是BFC盒子
  4. overflow属性取值不为visible。如:auto、hidden…
  5. ……

BFC盒子常见特点:

  1. BFC盒子会默认包裹住内部子元素(标准流、浮动)  👉应用:清除浮动
  2. BFC盒子本身与子元素直接不存在margin的塌陷现象  👉应用:解决margin的塌陷
  3. ……

 

给TA打赏
共{{data.count}}人
人已打赏
知识碎片

HTML中CSS清除浮动的方法总结

2021-11-25 12:32:46

知识碎片

CSS中定位的介绍及使用

2021-11-25 21:49:00

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧