Altura máxima - Trucos CSS

Tabla de contenido

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; )

¡Mira este bolígrafo!

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).