Минимальная ширина - CSS-хитрости

min-widthСвойство в CSS используется , чтобы установить минимальную ширину заданного элемента. min-widthСвойство всегда имеет приоритет над widthсвойством ли следует до или после того, как widthв вашей декларации. Авторы могут использовать любые значения длины, если они являются положительными.

.wrapper ( width: 100%; min-width: 20em; /* Will be AT LEAST 20em wide */ )

Посмотрите на эту ручку!

Будьте внимательны при предположении, min-widthчто это свойство наследуется, поскольку это свойство не наследуется от других родительских элементов. Если авторы определяют ширину с использованием абсолютного значения (px, pt, in, cm, mm), минимальная ширина не повлияет, поскольку ширина была определена на неопределенный срок. Например, если в качестве widthдлины используется min-widthзначение 200 пикселей , ваше значение 100 пикселей не потребуется, поскольку вы уже указали абсолютное значение для width(например, 200 пикселей). Лучший способ использовать min-width- определить widthзначение в процентах и использовать абсолютное значение для min-widthсвойства, в противном случае использование процентного значения для обоих min-widthи widthне даст ожидаемого результата.