因为第一个 left 元素用了 float，所以脱离了普通文档流，而 right 元素因为在 BFC 内，自动贴到左侧，所以重叠了。
解决方案是，利用BFC这一特性：
- 形成了BFC的区域不会与 float box 重叠
所以让 right 也形成 BFC 就行了：
.right { overflow: hidden;}
因为第一个 left 元素用了 float，所以脱离了普通文档流，而 right 元素因为在 BFC 内，自动贴到左侧，所以重叠了。
解决方案是，利用BFC这一特性：
所以让 right 也形成 BFC 就行了：
.right { overflow: hidden;}名师互学网 版权所有 (c)2021-2022 ICP备案号：晋ICP备2021003244-6号
