本日の勉強。

勉強内容##

　　05～09

進度##

まで終了。

レッスン内ではおまじない的に書かれていましたので調べてみました。

html {
    height: 100%
}
body {
    height: 100%
}
body > #container {
    height: auto;
}
# container {
    min-height: 100%;
    height: 100%;
}

htmlとbodyのheight:100%;はそのままの意味ですが、子要素でheight:100%;を指定した場合、親要素の高さを元に算出されるためここを指定しないとキチンと表示されません。
body > #containerのheight: autoは、containerの中身が多くなりすぎたとき用の対応のようです。
#containerのmin-height: 100%は高さの最小値を指定するもので、上のautoの影響で中身が少ない時に縮まってしまうのを防止する用です。
その下のheight:100%はそのままの意味だと思うのですが、これをつけなくても高さはいっぱいになりました。なのでなぜあえて付けるのか調べ中です。