height100%のボックスを作成する。

xhtmlにおいてblock要素のheightプロパティに対して%で値を指定した場合反映されません。

サンプル

CSSの仕様上%は親要素のheightに対しての割合で反映されるので、親要素に対して明示的にheightが指定されていない場合、height:autoが継承されるためです。

サンプルの場合

html要素とbody要素のheightプロパティに対して100%と明示的に指定しておく事によりheight100%のdiv要素を作成する事ができます。

サンプル

関連エントリー

tableの膨張を防ぐ【css tips】
画面の下部にフッターを表示する
CSSで中央表示を実装する【css tips】
CSSで垂直中央を実装する【css tips】
vertical-alignの使い方【css tips】

スポンサードリンク

«Lightboxを使い画像を拡大表示する。 | メイン | webクリエイターが行うべきSEO対策»