CSS 親要素の背景色が表示されない

”親要素の背景色が指定できなくなった場合”の解決策リスト

1. 親要素ボックスに高さ heightを指定
   (子要素がその高さを超えてしまった場合はレイアウトが崩れる)

2. 親要素ボックスに overflow: hidden; を指定
   (子要素の高さに依存する)

3. 親要素ボックスにclearfixを指定
   (親要素ボックスの下にさらにボックスを作るイメージ）

4. 親要素ボックスに float:left; を指定
   ※width: 100%;にすること

(参考URL https://pata2.jp/127/stylesheets/css_others/float_container.html)