iOSエンジニアのつぶやき

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

CSS

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

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

html {
  height: 100%;
}

body {
  height: 100%;
}

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