HippoBlog
Web開発に関する備忘録や
日々の雑記ブログ
  • #CSS
  • 2018年8月14日
ENTRY TITLE

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

TEXT BY @hippohack@hippohack
TEXT BY @hippohack@hippohack
  • #CSS
  • 2018年8月14日
  • このエントリーをはてなブックマークに追加

経緯

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

CSS

html,
body {
    height: 100%;
}

.hoge {
    min-height: 100%;
}

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

参考サイト


最後までお読みいただき、ありがとうございました。

もし、この記事が役に立ちましたら、ぜひ「いいね!」 をよろしくお願いいたします。

ご意見などありましたら@hippohackへお願いいたします。

  • このエントリーをはてなブックマークに追加