ウェブページを作っているとたまにボックスの縦（hight）を目一杯伸ばしたいことってないですか？僕はあります。その時に「hight:100%」と指定しても100％にならないどことかその指定は無視されてしまいます。
そこで今回は「ボックスの高さhightを100％にする方法」を紹介します。
CSSサンプル
ボックスの縦幅を100％に指定するには以下のCSSを記述する。
|
1 2 |
body {hight:100%;} html {htight:100%;} |
body と html にそれぞれ「hight:100%」を指定します。
その後、縦を目一杯伸ばしたいボックスに対して個別に「hight:100%」を指定してあげると不思議なことにボックス縦幅が100％が効くようになります。
多分たまにしか使わない小技だと思いますが、いざ使うときに「どうやるんだっけ？」と思ったら本記事を思い出していただければ幸いです。
