美文网首页
什么是BFC

什么是BFC

作者: WebsnowDrop | 来源:发表于2024-06-23 14:44 被阅读0次

什么是 BFC

块级格式化上下文(Block Formatting Context,BFC)是 Web 页面的可视 CSS 渲染的一部分,是块级盒子的布局过程发生的区域,也是浮动元素与其他元素交互的区域
MDN 定义Block Formatting Context

如何触发BFC

  • 根源素<html>
  • 浮动元素(float�值 不为 none)
  • 绝对定位元素(position 值为 absolute 或 fixed)
  • 行内块元素 (display 值为 inline-block)
  • overflow 值 不为 visible 或 clip 的块元素
  • 弹性元素 (display 值为 flex 或 inline-flex)

解决了什么问题

  1. 清除浮动
  2. 防止 margin 重叠

相关文章

网友评论

      本文标题:什么是BFC

      本文链接:https://www.haomeiwen.com/subject/sftrcjtx.html