My Color　「ダンクハーツ-谷春樹Blog-」

CSSにてheightを%で指定すると反映されないと思われた人がいるかと思います。しかし、その場合再現方法は間違っておらず、指定の認識に誤りがあることが多々あります。割合が何に対して適応されるかを知る事はデザインを意識する以外にも大きな意味を持ちます。

高さの割合を求める際には、それの基となる高さが必要になります。
ですのでその基を記述する必要があります。

■CSS

html {
height : 100%;
}
body {
height : 100%;
}

上記のように「html」と「body」に100％指定をすることにより、高さ指定が反映されるようになります。

に参加しています。