如何通过在浮动元素后添加空标签并设置clear属性来清除CSS浮动？

本文共计920个文字，预计阅读时间需要4分钟。

因为 `clear` 的作用不是让上面的元素不浮动，而是让当前元素避开前面浮动元素造成的侧边空白。如果把它加在浮动元素自己身上，或者加在它前面，浏览器基本不会计算那个避开的位置。

• 常见错误：给浮动的 div 自己加 clear: both —— 没效果，它自己都浮着，clear 对自己无效
• 正确位置：必须是浮动块之后的下一个普通流元素，比如 <div style="clear: both"></div>
• 注意兼容性：clear 在 IE6/7 中对 inline 元素不生效，务必用块级标签（div、p）

空标签清除法的实际写法和替代方案

所谓“空标签”，就是专门为了清除浮动而存在的无内容标签，最典型的是 <div class="clear"></div>。但它不是唯一解，也不推荐无脑用。