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

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

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

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

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

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

と回避できる。

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

備忘録を兼ねて。