StudioAzator（スタジオアザトール）へようこそ！
このサイトはCSSとJS(javascript)をこよなく愛するアザトールの自己満足的メモログです。

float状態を解除するためにclear:bothしますよね。

でもさ、clear:bothする要素がない時ってあるじゃね？

そんなとき、<br style="clear:both">とか
<div style="clear:both"></div>とか

あんまりスマートじゃないね（笑）

でclear_fixという手法が最近流行っているらしいので使ってみた。
フロートしたボックスの親ボックスに対して使うらしい。

<div class="clearfix">
<div id="primary"></div>
<div id="secondary"></div>
</div>

CSS

.clearfix{
zoom:100%;
overflow:hidden; /* for dreamweaver */
}
.clearfix:after{
content:"clear_fix";
clear:both;
height:0;
visibility: hidden;
display: block;
}
#primary{float:left;
display:inline; /* for winIE6 */
}
#secondary{float:left;
display:inline; /* for winIE6 */
}

これって完璧じゃん。

display:inlineをつかっておけば

フロートしたボックスにマージン使っても問題ないし。

問題があるとすれば、DWのMXではレイアウト崩れて使えないことくらいかな。