floatで横に並べる

divなどのブロックを横に並べるときfloatを使うと思う。

問題は、並べたブロックのしたのブロックで、floatを使うとclearなどで無効化しないと下のブロックまで横に来てしまう。

そこで、普通は下のブロックにclear:bothを指定して無効化する。

ここでもう1つ方法があって、上位のボックスに

overflow:hidden;

を使用する。らしい

div style=”overflow:hidden; ”
  div div
/div
div

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です