默认情况下清除所有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;
}

我似乎无法确定任何会出现问题的情况，至少任何冲突都需要简单的覆盖。