2012/02/03

ウィンドウの高さに合わせたブロック要素

CSSで高さ100%のブロック要素を作成したい場合、heightプロパティに対して100%の指定をしても反映されません。

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

ウィンドウの高さに合わせたブロック要素を作成したい場合、htmlタグとbodyタグのheightプロパティを100%と指定しておくことにより、height100%のdiv要素を作成することが出来ます。