読者です 読者をやめる 読者になる 読者になる

at kaneshin

Free space for me.

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

html css

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というのを用意しといて、それを適宜挿入という。
自分はグリッドシステム使い始めてから意識してこうするようになりました。