Максимальна ширина - 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, що успадковується, оскільки це властивість не успадковується від інших батьківських елементів. Якщо widthзначення 300px було визначено як max-width600px, початкове widthзначення завжди замінить max-widthзначення 600px.