Altura máxima - CSS-Tricks | CSS Almanac 2025

A max-heightpropriedade em CSS é usada para definir a altura máxima de um elemento especificado. Os autores podem usar qualquer um dos valores de comprimento, desde que sejam um valor positivo. max-heightsubstitui a altura, mas min-heightsempre substitui max-height.

.wrapper ( height: 100%; /* full height of the content box */ max-height: 20em; /* requires an absolute value for height. */ ) .wrapper ( height: 50px; max-height: 20px; /* Will be AT MOST 20px tall : overrides height */ ) .wrapper ( min-height: 400px; /* overrides height and max-height */ height: 200px; max-height: 300px; )

Confira esta Caneta!

A porcentagem é calculada em relação à altura do bloco que o contém. Se a altura do bloco que o contém não for especificada explicitamente, o valor da porcentagem é tratado como nenhum. A max-heightpropriedade se aplicará a todos os elementos, exceto elementos embutidos não substituídos, colunas de tabela e grupos de colunas (ou seja colgroup, col).