{height:}

The {height:} property sets the content height of a block or a replaced element. This height does not include {padding:}, {border:}s, or {margin:}s—see The CSS Box Model.

If the contents of a block require more vertical space than is afforded by the height you assign, their behavior is defined by the {overflow:} property.

The property takes a CSS length (px, pt, em, etc.), a percentage, or the keyword {auto;}. Negative length values are illegal.

Percentage values refer to the height of the element’s containing block. If the height of the containing block isn’t specified explicitly (that is, it depends on content height), and this element isn’t absolutely positioned, the percentage value is treated as {auto;}. A percentage value is also treated as {auto;} for table cells, table rows, and row groups.

The special {auto;} value allows the browser to calculate the content height automatically, based on other factors. For absolutely positioned elements, for example, the content height may be calculated on the basis of the {top:} and {bottom:} property values, or the top and bottom {margin:}s, {border:}s, and {padding:} applied to the element. If no hard constraints are imposed by other properties, the element is allowed to assume its “natural” content height, on the basis of the height of the content it contains.

GO BACK THERE"S MORE HERE