techronicle テクロニクル

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

floatとoverflow:hidden

2012/01/19 HTML+CSS

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

(通常のレイアウト秩序が崩れるため)

この状態だと高さがないので、pの背景色が見えないことになります。

解決するには、親要素にCSSで、

「height(高さ)を設定する」もしくは、高さが成り行きの場合は、「overflow:hidden」を設定します。

div.content {
 overflow:hidden;
 }