html - 默认清除所有div

Question

div没有自然清除有什么原因吗？

根据 Boilerplate 助手类，将clearfix类添加到元素会应用以下样式：

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

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

因此，在我的 HTML 中，无论我在哪里浮动元素，我都会添加class="clearfix"到父元素中。将上述所有样式应用于所有 div 会不会更容易，如下所示：

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

div:after,
.clearfix:after {
    clear: both;
}

div,
.clearfix {
    *zoom: 1;
}

我似乎无法确定这将成为问题的任何场景，至少任何冲突都需要简单的覆盖。