divタグをfloatで浮かして別のdivタグにめり込むので回避 またはdivの高さがない、認識されない

divの親要素が子要素の高さにならない時にも使える

CSSに

clear:both;

これでOK

青い方に設定した

divに高さがでない場合は

overflow: hidden;

divが縦幅、横幅を中身（内容）に合わせる

display:inline-block;