at kaneshin

Free space for me.

floatの解除方法はこうしてる

ITキヲスク | 【CSS 中級講座】floatを解除するclearfixのビューティフルな実装法

上記のブログネタを少し改良したもの。

おそらく、大体の人が下記のように使用してると思います。

.clear {
    clear: both;
}
  • html
<div id="container">
    <div id="left">left side</div>
    <div id="right">right side</div>
    <div class="clear">
</div>

class要素のclearというのを用意しといて、それを適宜挿入という。
自分はグリッドシステム使い始めてから意識してこうするようになりました。