Ancho máximo - Trucos CSS

Tabla de contenido

La max-widthpropiedad en CSS se usa para establecer el ancho máximo de un elemento especificado. La max-widthpropiedad anula la widthpropiedad, pero min-widthsiempre anulará max-widthsi se sigue antes o después widthen su declaración. Los autores pueden utilizar cualquiera de los valores de longitud siempre que sean positivos.

.wrapper ( width: 100%; max-width: 20em; /* Will be AT MOST 20em wide */ ) .wrapper ( min-width: 50em; /* Overrides max-width */ width: 100%; max-width: 20em; /* Will be AT MOST 20em wide */ )

¡Mira este bolígrafo!

Tenga cuidado al asumir que max-widthse hereda, ya que esta propiedad no hereda de otros elementos principales. Si widthse ha definido una de 300px con una max-widthde 600px, el widthvalor inicial siempre anulará el max-widthvalor de 600px.