BFC 理解与应用

BFC：一块独立渲染的区域，内部元素的渲染不会影响边界以外的元素。

形成BFC的常见条件：

• float 不是none
• position 是 absolute 或 fixed
• overflow 不是 visible
• display 是 flex inline-block 等

使用BFC清除浮动

源码预览打开窗口

查看源码