value: <length> | <percentage> | none | inherit
initial value: none
inherited: no
percentages: calculated with respect to the height of the generated box's containing block
applicable to: all elements (except some table elements)

The property max-height determines the maximum height that the box for the element can obtain. The height for the element's box can be smaller than this value, but it can not go larger. There is no default value for max-height. This property is not inherited by the children elements. Negative vaules for max-height are not recognized.

Take Note: If an element has a "max-height" and a "height" set for it, the element's box cannot exceed the value set with "max-height"


div.quotebox {max-height: 200px;}

Keep in mind that the outer dimensions of an element will be affected by its padding but not by its margins. The value set for padding will be added to the height of the element to calculate its overall size in most cases.