Maximální šířka - Triky CSS

max-widthNemovitost v CSS slouží k nastavení šířky maximální specifikované prvku. max-widthVlastnost potlačí widthvlastnosti, ale min-widthbude vždy přednost max-width, zda následuje před nebo po widthve svém prohlášení. Autoři mohou použít kteroukoli z hodnot délky, pokud jsou kladnou hodnotou.

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

Podívejte se na toto pero!

Mějte na paměti, když se předpokládá, že max-widthse dědí, protože tato vlastnost nedědí z jiných nadřazených prvků. Pokud widthbylo definováno 300px s max-width600px, počáteční widthhodnota vždy přepíše max-widthhodnotu 600px.