2009年10月20日

height:100%を指定する

ブラウザ画面全体にdivをぴったり敷きたい時に横幅の指定を width: 100%; とすると有効になりますが、
高さの指定を height: 100%; としても有効にならない場合があります。

理由は高さの指定は親要素の高さに依存するからです。
解決策として

html,body{
height: 100%;
}
 
と指定するとheight: 100%; が有効になり、画面ぴったりに敷けます。
後日紹介する中央にdivを配置する方法と一緒に使用すれば画面中央にロゴを表示したりする事ができます。

0 件のコメント:

コメントを投稿