B.67. max-height, min-height

Instead of setting a fixed height, it is sometimes useful to set limits on the height of an element. These two properties let you set a maximum and/or minimum height. The height of the element is calculated normally, and then these limits are applied.

Remember to set the overflow property to hidden (or another appropriate value) if you set a max-height; otherwise, the content will overflow the specified height, even if the element does not.

Inherited: No

See also: Section B.45height, Section B.68max-width, Section B.68min-width

B.67.1. Value

A CSS length (px, pt, em, etc.), a percentage of the parent element's content area height, or (in the case of max-height only) none.

Initial value:

  • max-height: none

  • min-height ...

Get HTML Utopia: Designing Without Tables Using CSS now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.

Start your free trial