CSSでブラウザ画面いっぱいにレイアウトしたいけど、div タグの height を 100% にしても、高さいっぱいに表示されませんでした。width を 100% にしたときは、幅いっぱいに表示されるのに…。
どうやらこれは、height が親要素の高さに依存しているのが原因みたいです。外側の html タグや body タグの height を 100% にしたら、画面いっぱいに表示することができました。
html,body { height:100%; }
Web 上で公開されている CSS レイアウトのサンプルは、高さいっぱいにレイアウトしているものが非常に少なかったです。おかげで方法を調べるのに苦労しました。CSS って難しいですね。
