BFC，全称为Block Formatting Context（块级格式化上下文），是Web页面中的一个独立渲染区域，让处于BFC内部的元素与外部的元素相互隔离，确保内部元素的布局不会被外部元素影响。 1.触发BFC的条件 要创建一个BFC，你可以使用以下任一CSS属性： 1.overflow 不为 visible 2.float 属性不为 none 3.display 为 inline-block、flex、inline-flex、table-cell、grid、flow-root 或 table-caption 4.position 为 absolute 或 fixed 2.BFC的布局规...