Нет смысла устанавливать max-width
и min-width
, если вы собираетесь установить значение width
, которое приведет к их игнорированию.В вашем примере min-width
никогда не будет использоваться, поскольку вы уже установили width
на большее значение.Аналогичным образом, max-width
здесь не требуется, поскольку width
было установлено на то же значение.
Это было бы более подходящим использованием трех:
div.yourdiv {
max-width: 300px;
min-width: 100px;
width: 50%;
}
This div
будет составлять 50% ширины содержащего его элемента, но не будет превышать 300 пикселей в ширину или опускаться ниже 100 пикселей в ширину.