La max-heightpropiedad en CSS se usa para establecer la altura máxima de un elemento especificado. Los autores pueden utilizar cualquiera de los valores de longitud siempre que sean positivos. max-heightanula la altura, pero min-heightsiempre anula 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; )El porcentaje se calcula con respecto a la altura del bloque contenedor. Si la altura del bloque contenedor no se especifica explícitamente, el valor porcentual se trata como ninguno. La max-heightpropiedad se aplicará a todos los elementos, excepto a los elementos en línea no reemplazados, las columnas de la tabla y los grupos de columnas (es decir colgroup, col).
Soporte de navegador
| ES DECIR | Borde | Firefox | Cromo | Safari | Ópera |
|---|---|---|---|---|---|
| Todos | Todos | Todos | Todos | Todos | Todos |
| Android Chrome | Android Firefox | Navegador de Android | Safari de iOS | Opera Mobile |
|---|---|---|---|---|
| Todos | Todos | Todos | Todos | Todos |
Propiedades relacionadas
Almanaque el 15 de enero de 2021altura
.element ( height: 500px; ) 
Sara Cope