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

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

  • CSS
  • 2018年8月14日
  • LINEで送る
  • このエントリーをはてなブックマークに追加

経緯

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

CSS


html,
body {
    height: 100%;
}

.hoge {
    min-height: 100%;
}

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

↑これ注意。はまった。

参考サイト

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

RELATED POST関連する記事