Block Formatting Context(BFC) | CSS

本章覆盖:BFC 的定义和作用;哪些情况建立新的 BFC 的常见来源;`display: flow-root`;float containment;margin collapsing 隔离;与浮动元素的排列关系;overflow 触发 BFC 的历史技巧与副作用;BFC 高频面试题的正确理解;不把 BFC 当成“清除浮动口诀”。

本章知识点

  • BFC 的定义和作用
  • 哪些情况建立新的 BFC 的常见来源
  • display: flow-root
  • float containment
  • margin collapsing 隔离
  • 与浮动元素的排列关系
  • overflow 触发 BFC 的历史技巧与副作用
  • BFC 高频面试题的正确理解
  • 不把 BFC 当成“清除浮动口诀”