子要素がfloatだった場合に親要素の高さが拡張しない問題点の解決法


子要素が floatだった場合、親要素の高さが拡張しない問題点を解決する方法の一つをメモしておきます。
親要素に overflow: auto;のプロパティを付与しましょう。

to-automatically-extend-parent-element-01

子要素が floatだった場合、親要素の高さが拡張しない

to-automatically-extend-parent-element-02

親要素に overflow: auto;のプロパティを付与すればOK

以上です。