css floatの解除（.clearfix）

基本

随分前に作ったヤツなんだけど、急遽使うコトになって・・・。
今なら、もっと良い感じのヤツがあるはず。

▼CSS部

.clearfix{
  zoom:1;/*for IE 5.5-7*/
}
.clearfix:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
.clearfix {display:inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac */

▼HTML部

<div class="clearfix">
<div style="float:left;width:400px;">コンテンツ</div>
<div style="float:right;width:200px;">メニュー</div>
</div>

関連項目

・css floatとclearfix - 随分前にブログにメモったヤツ。