擬似要素を使ってfloatを解除する - Qiita

子要素にfloatかけてると、親要素の高さが潰れてしまうことがある。 たいていその原因は、cssでclear: bothしていないから。 下記のようなコードを書けば、親要素に自然な高さを持たせることができる。