使用了float的标签，如何避免左侧贴边重叠？

因为第一个 left 元素用了 float，所以脱离了普通文档流，而 right 元素因为在 BFC 内，自动贴到左侧，所以重叠了。

解决方案是，利用BFC这一特性：

• 形成了BFC的区域不会与 float box 重叠

所以让 right 也形成 BFC 就行了：

.right {  overflow: hidden;}