BFC是什么?

75 阅读1分钟

BFC是什么?

块级格式化上下文

  • 列举触发条件:
  1. 浮动元素(元素的float不是none)
  2. 绝对定位元素(元素的pposition为absolute或fixed)
  3. 行内块inline-block元素
  4. overflow值不为visible(hidden或scroll都可)
  5. 弹性元素(display为flex或inline-flex元素的直接子元素)
  • 解决了:
  1. 清除浮动
  2. 防止margin合并