ClearfixでHTML構造化とCSSレイアウト

気持ちいいHTML構造とレイアウトのために

<div style="clear:both"></div>

は禁止
これからは下記を利用してください。

.cf:after {
    content: '';
    display: block;
    clear: both;
}
.cf {
    zoom: 1;
}