要素の高さ100%を指定する方法 #css

経緯

• スマホビューのメニュー表示の際の背景用レイヤーを設定するときとか。
• windowの高さを取ってるつもりが取れてない時とか。
• 普通に height: 100%; を指定しただけでは高さが取れない。

CSS

html,
body {
    height: 100%;
}

.hoge {
    min-height: 100%;
}

**※ 要素にposition:absoluteが指定してあると高さを出してくれませんので注意する****
↑これ注意。はまった。

参考サイト

• 【CSS】CSSで要素の高さ100%を指定する方法 | Webデザインラボ