Clearfix：高度 1%

【问题标题】：Clearfix: Height 1%Clearfix：高度 1%
【发布时间】：2023-03-16 21:35:01
【问题描述】：

在 ThemeForest 的高级模板中，我看到很多模板都采用这种方法来清除修复：

.clearfix {
    height: 1%;
}

并将类 clearfix 添加到各种元素。

为什么是高度 1%？有什么好办法吗？

【问题讨论】：

【解决方案1】：

您的主题包含与 Internet Explorer 兼容的类，这是一件好事。

【讨论】：

【解决方案2】：

明确设置高度是清除浮动的最安全（不是最干净）的方法。在主题中，实际的 clearfix 实现将使用 :after 伪选择器来清除浮动。但是 :after 属性在 IE6/7 中不受支持。因此，指定了 height: 1%。在 IE6/7 中有效。

【讨论】：