Header

CSS Switcher

for <html> and <body> elements

html; body;

Applied CSS

html {



}

body {



}

Key

html

body

header

main

theme-color

#container

Notes

description

  • default settings
  • height default is auto

html element

  • html has height of auto
  • html has minimum height of 0
  • html element will grow to include inner content

body element

  • body has height of auto
  • body has minimum height of 0
  • body element will grow to include inner content

behavior

  • html and body will not fill full view height unless inner content happens to be taller than the view height
  • there is no fixed height on either element to reference

opinions

  • "Not optimal. Behavior can be inconsistent and edge cases aren't accounted for."

    - andrew