还需要.clearfix吗？

Question

最后一个问题。我继承的代码有以下内容：

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

好像很多黑客。现代浏览器IE7及以上版本仍然需要它吗？

Answer 1

您无需为现代浏览器使用所有内容。

只需使用overflow: hidden即可，99％的情况下就足够了。

请参阅深入讨论此问题的相关问题：

• Is clearfix deprecated?

Answer 2

一个非常简单的跨浏览器方法一直适用于我将其放在任何浮动内容下面：

<div style="clear: both;">&nbsp;</div>

如果你想要更整洁，你可以使用class="clear"。

有空间并不总是必要的，但有时会出现这种情况。

Answer 3

我仍然使用它只是因为我宁愿在我的所有元素上使用class="clear" vs overflow: auto或hidden。