Css 这可能是新的clearfix吗？

有没有更简单的方法来使用.clearfix

旧的：

.clearfix:之后{ 内容：。； 显示：块； 明确：两者皆有； 可见性：隐藏； 线高：0； 身高：0； } 我的新明确解决方案：

.coreys clearfix:之后{ 内容：； 显示：块； 明确：两者皆有； } 我把它通过一个验证器，我没有错误。其他人是否知道或了解不能使用此功能的原因？它只保存了3行代码和a.，但仍然。

我不这么认为，不

之所以使用dot，是为了在传统浏览器中完成.clearfix:after工作

尼古拉斯·加拉赫解释了原因：

Firefox<3.5将受益于使用Thierry的方法，并增加了可见性：隐藏以隐藏插入的字符。这是因为Firefox的旧版本需要以下内容：。在某些情况下，如jsfiddle.net/necolas/K538S/，避免正文与其第一个子元素之间出现额外的空间

这就是为什么内容不是空的，剩下的三行可见性、行高和高度是为了确保clearfix实际上不会占用布局中的空间

实际上，Nicholas制作了一个新的clearfix，它用更少的字节完成同样的工作。请在此阅读：

不过，努力得很好

我不这么认为，不

之所以使用dot，是为了在传统浏览器中完成.clearfix:after工作

尼古拉斯·加拉赫解释了原因：

Firefox<3.5将受益于使用Thierry的方法，并增加了可见性：隐藏以隐藏插入的字符。这是因为Firefox的旧版本需要以下内容：。在某些情况下，如jsfiddle.net/necolas/K538S/，避免正文与其第一个子元素之间出现额外的空间

这就是为什么内容不是空的，剩下的三行可见性、行高和高度是为了确保clearfix实际上不会占用布局中的空间

实际上，Nicholas制作了一个新的clearfix，它用更少的字节完成同样的工作。请在此阅读：

---

不过，努力得很好

该点用于支持较旧的浏览器。如果你不需要，你可以用新的

---

圆点用于支持旧版浏览器。如果你不需要，你可以用新的

---

如果您希望支持较旧的浏览器，则需要更精细的clearfix：

.clearfix:before, .clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

如果您不关心对旧浏览器的支持，这是一种方法：

.clearfix:after {
    content:"";
    display:table;
    clear:both;
}

---

如果您希望支持较旧的浏览器，则需要更精细的clearfix：

.clearfix:before, .clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

如果您不关心对旧浏览器的支持，这是一种方法：

.clearfix:after {
    content:"";
    display:table;
    clear:both;
}

---

使用clearfix最简单的方法是不使用clearfix。使用clearfix最简单的方法是不使用clearfix。虽然如果不针对传统浏览器，没有理由不包含与没有内容不同的空内容。这是事实，但在这一点上，不针对传统浏览器几乎没有任何好处，所以你还是做吧。谢谢你，尼克斯。我目前正在自己的初创网站上工作，由于我的网站不支持旧版浏览器而错过的人的百分比目前不会影响它，我希望。虽然没有人针对旧版浏览器，但没有理由不包含与没有内容不同的空内容。这是真的，但在这一点上，不针对传统浏览器几乎没有什么好处，所以你不妨这样做。谢谢你，尼克斯。我目前正在自己的创业网站上工作，我希望，由于我的网站不支持传统浏览器而错过的人的百分比目前不会影响它。