Web標準、W3C対応、SEO対策、スマートフォンサイト等、HTMLコーディング代行サイトです！全国どこからでもお申し込み可能。

float指定の解除方法にはいろいろなコーディング方法が考えられますが、私は以下のような方法をよく使います。

CSS

HTML

この方法では、実に簡単にfloat解除ができ、なおかつ下余白も設定しやすくなります。ただし注意しなければならない点もあります。

• IE macなど古いブラウザや旧バージョンでは、ハックを使用しなければならない。
• 解除を設定したブロック要素の高さ（height）設定ができない。（設定するとレイアウトが崩れます。）

上記の点に注意しておけば、空要素などを作ることなく、シンプルなコーディングでfloat解除できるわけです。
レイアウト崩れの原因に最も多いfloat解除忘れで、レイアウトが崩れてしまわないように是非、活用してみてください。