Altura mínima - Trucos CSS

Anonim

La min-heightpropiedad en CSS se usa para establecer la altura mínima de un elemento especificado. La min-heightpropiedad siempre anula tanto heighty max-height. Los autores pueden utilizar cualquiera de los valores de longitud siempre que sean positivos.

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

Si alguno de los valores es mayor ( height> min-heighto viceversa), el valor mayor será el que se represente. La min-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 59+
Fuente: caniuse

Propiedades relacionadas

Almanaque el 15 de enero de 2021

altura

.element ( height: 500px; ) Sara Cope