techronicle テクロニクル

Webサイト作成に関する情報提供サイトです。WordPress,HTML+CSSなど。

子要素のすべてがfloatしている親要素は高さを失う

2011/11/14 HTML+CSS

子要素のすべてがfloatしている親要素は高さを失います。

親要素のボーダーや背景色などが表示できないことになります。

このような場合は、親要素に、CSS {overflow:hidden}をあてて解決します。

親要素の高さが、子要素の成り行きで確保されます。