使ってみよう！スタイルシート

横に並ぶボックス（float:left)の回り込みを解除する。

.clearfix:after {
content: ".";  /* 新しい要素を作る。「.」は他の字でもok */
display: block;
clear: both;
height: 0;
visibility: hidden;
}

↑高さ0　表示されないようにしている。

/*IE7用*/
.clearfix {
min-height: 1px;
}

/*アスタリスクがたくさんあるところは、Mac IE用*/
/*IE6以前はmin-heightが使えないので高さ1px*/

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