次の例みたいに、画面にフィットするセクションを作って並べたいって要望が時々ある。例1ネットで調べればやり方はいくらでも出てきて実装には困らないのですが、仕様上の根拠が知りたかったので備忘録としてメモ。MDNMDNのheightの項目をみれば答えがずばり書いている。相対値の基準パーセンテージは包含ブロックの高さ基準。ルート要素で高さをパーセンテージ指定すると、初期包含ブロックに相対的になります。パーセンテージは包含ブロックの高さ基準。heightをパーセント指定すると包含ブロック(厳密には違うけど、親要素と認識して良い)の高さを基準に計算されることがわかる。これはまぁ直感的にわかる。absoluteじゃないのなら高さをパーセント指定しようがautoと同じになると書いている。#1abc9c;}こんなCSS書いて要素を横並び、かつ高さは親要素いっぱいってしようとしても無理で、素直にtableなり使えという話。ルート要素で高さをパーセンテージ指定すると、初期包含ブロックに相対的になります。ルート要素はhtmlタグの事、初期包含ブロックはちょっとまだよくわかってないけど、多分ビューポートの事。100%を指定するとビューポートいっぱいの高さになるよ、って書いてる。