深入理解BFC 发表于 2024-03-02 阅读次数： Changyan： 本文字数： 237 阅读时长 ≈ 1 分钟 普通流BFC 可以看作是一个独立的布局区域 触发条件 <html> float: !none position: absolute | fixed display: inline-block | table ... overflow: !(visible | clip) && 是块级元素 containe: layout | content | paint 多列容器 column-count | column-width 作用 避免margin塌陷 （包括水平和垂直） 清除浮动 避免被浮动元素覆盖 浮动流绝对定位