iOSエンジニアのつぶやき

毎朝8:30に iOS 関連の技術について1つぶやいています。まれに釣りについてつぶやく可能性があります。

【CSS】height:100% が効かん!

特定の要素をブラウザ画面の高さで表示したい時に、CSSで指定したheight: 100%が効かなかったので、メモ🔰

結論

下記のようにhtmlbody要素にheight: 100%を設定することで、ブラウザ画面から相対的に高さを計算することができるようになります。ちなみに、一つ上の階層(コンテナとなる要素)に、高さ指定がされていない場合は、height: autoとして計算されるそうです。

html {
  height: 100%;
}

body {
  height: 100%;
}

てな感じで本日も以上となります🍺

参考

qiita.com

その他の記事

yamatooo.blog

yamatooo.blog

yamatooo.blog