Максимална ширина - CSS-трикове

В max-widthимота в CSS се използва за задаване на ширина максимум на определен елемент. В max-widthимота има предимство пред widthимота, но min-widthвинаги ще замени max-widthдали последвано преди или след widthвъв вашата декларация. Авторите могат да използват всяка от стойностите на дължината, стига те да са положителни стойности.

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

Вижте тази писалка!

Внимавайте, когато приемате, че max-widthе наследено, тъй като това свойство не наследява от други родителски елементи. Ако a widthот 300px е дефиниран с a max-widthот 600px, първоначалната widthстойност винаги ще замени max-widthстойността от 600px.