【CSS】クリアフィックスでフロートの解除【HTML】

フォートで回り込みをさせたあと解除しないと高さを認識してくれないことが多々。

よく使うクリアフィックスですがすぐ忘れてしまうのでメモ。

.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}
.cf {
    *zoom: 1;
}

これで「.cf」を親要素に適用でOK！なんて便利な物を考えてくれているのでしょうか。

先人に感謝です。