The height CSS property specifies the height of the content area of an element. The content area is inside the padding, border, and margin of the element.
The min-height and max-height properties override height.


See <length> for possible units.
The <percentage> is calculated with respect to the height of the containing block. If the height of the containing block is not specified explicitly, the value computes to auto. A percentage height on the root element (e.g. <html>) is relative to the viewport.
The browser will calculate and select a height for the specified element.

<!DOCTYPE html>
<!DOCTYPE html>
            table {
                height: 100%;
            img {
                height: 200px;
            form {
                height: auto;
  /* make sure percentage height of body's children works as expected */
            body {
                margin: 0;
                height: 100%;
        <img src="preview.jpeg" />
            <input type="button" name="first">