Max-width - CSS-Tricks | CSS-Almanach 2025

Die max-widthEigenschaft in CSS wird verwendet, um die maximale Breite eines angegebenen Elements festzulegen. Die max-widthEigenschaft überschreibt die widthEigenschaft, überschreibt jedoch min-widthimmer, max-widthob sie widthin Ihrer Deklaration vorher oder nachher befolgt wird . Autoren können jeden der Längenwerte verwenden, solange sie ein positiver Wert sind.

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

Schauen Sie sich diesen Stift an!

Seien Sie vorsichtig, wenn Sie davon ausgehen, dass max-widthdiese Eigenschaft geerbt wird, da diese Eigenschaft nicht von anderen übergeordneten Elementen erbt. Wenn ein Wert von 300 Pixel widthmit einem Wert von 600 Pixel definiert wurde, max-widthüberschreibt der Anfangswert widthimmer den max-widthWert von 600 Pixel.