Altura mínima - CSS-Tricks | CSS Almanac 2025

A min-heightpropriedade em CSS é usada para definir a altura mínima de um elemento especificado. A min-heightpropriedade sempre substitui heighte max-height. Os autores podem usar qualquer um dos valores de comprimento, desde que sejam um valor positivo.

.wrapper ( height: 100%; /* full height of the content box */ min-height: 20em; /* Will be AT LEAST 20em tall */ ) .wrapper ( height: 600px; min-height: 400px; /* Will be AT LEAST 20em tall : overrides height */ ) .wrapper ( min-height: 400px; /* overrides height and max-height */ height: 200px; max-height: 300px; )

Se um dos valores for maior ( height> min-heightou vice-versa), o valor que for maior será o renderizado. A min-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).