Header

CSS Switcher

for <html> and <body> elements

html; body;

Notes

Description

This is a tool to test different methods of setting height on the html and body elements.

Purpose

To explore the differences each method has on view size, scrolling, overflow and other behaviors on different browsers.

How to Use

  • Choose a method from the dropdown menu.
  • Each option's first value is the CSS applied for the html element.
  • The second value is the CSS applied on the body element.
  • Click the button to see more information about the applied CSS, color key, and notes on each method.

References