CSSのfloatをclearさせるための「clearfix」

floatをclearさせるためのclearfix

clearfixでfloatを解除 | d-spica

以下引用です。

.clearfix:after {
content: "."; /* 新しい要素を作る */
display: block; /* ブロックレベル要素に */
clear: both;
height: 0;
visibility: hidden;
}

.clearfix {
min-height: 1px;
}

*html .clearfix {
height: 1px;
/*\*//*/
height: auto;
overflow: hidden;
/**/
}

Lucky bag::blog: 俗に言う clearfix と言われるコードのバリエーション色々

スタイルシートをめぐる冒険: CSS実験室: clearfixの決定版を作る －モダンブラウザ編－