WEB制作をやっているとたまにこういうことがあります。
中のdivが外のdivで囲われていなくてはいけないのに何故か↑のようなことに。。。
こんな時助かるのが CSSの overflow: hidden;
これを加えてあげるだけでちゃんと修正してくれます。
floatの指定が有る要素の親要素に高さを算出させるのだそう。
本来の使い方の意味とは違うようなんだけど、これは助かります、ホント。
今回のようなケースの他にも、
ブツとＨ２，Ｈ３等の見出しが重なってしまうような場合にもこれは使えるそうです。
なので覚書を。
⇒とっても使えるoverflowプロパティ。その使い方色々。by hirasawaさん