[HTML] CSSレイアウトをしていてfloat指定すると外側のブロック要素からハミ出る現象をoverflowで回避する


CSSでレイアウトする事が全盛な昨今、

要素を「float: left;」と指定してレイアウトを組む事が多々ある。

一方でfloat指定すると外側のdivタグ等のブロック要素からハミ出る問題が発生する。

この問題の回避方法を一言でいえば、

外側ブロック要素に“overflow: auto;”と指定する

と回避できる。

簡単なことなんだけど、結構気がつかない。

備忘録を兼ねて。

コメントを残す

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