html - デフォルトですべての div をクリアする

Question

div が自然にクリアされない理由はありますか?

ボイラープレート ヘルパー クラスclearfixに従って、要素にクラスを追加すると、次のスタイルが適用されます。

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

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

class="clearfix"したがって、HTML 全体で、親要素に追加するフロート要素がある場合はいつでも。次のように、上記のすべてのスタイルをすべての div に適用する方が簡単ではないでしょうか。

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

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

div,
.clearfix {
    *zoom: 1;
}

これが問題になるシナリオを特定できないようです。少なくとも、競合には単純なオーバーライドが必要です。