Ancho mínimo - Trucos CSS | Almanaque CSS 2024

La min-widthpropiedad en CSS se usa para establecer el ancho mínimo de un elemento especificado. La min-widthpropiedad siempre prevalece sobre la widthpropiedad ya sea que se siga 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%; min-width: 20em; /* Will be AT LEAST 20em wide */ )

¡Mira este bolígrafo!

Tenga cuidado al asumir que min-widthse hereda, ya que esta propiedad no hereda de otros elementos principales. Si los autores definen un ancho usando un valor absoluto (px, pt, in, cm, mm), el ancho mínimo no tendrá efecto ya que el ancho se ha definido indefinidamente. Por ejemplo, si se usa un valor de 200px como widthlongitud, su min-widthvalor de 100px no será necesario ya que ya ha especificado un valor absoluto para width(es decir, 200px). La mejor manera de usarlo min-widthes definir un widthvalor como porcentaje y usar un valor absoluto para la min-widthpropiedad; de lo contrario, usar un valor porcentual para ambos min-widthy widthno producirá el resultado esperado.