Максимальная ширина - 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что это свойство наследуется, поскольку это свойство не наследуется от других родительских элементов. Если width300 пикселей было определено с max-width600 пикселей, начальное widthзначение всегда будет иметь приоритет над max-widthзначением 600 пикселей.