Ширина содержимого: свойство width. С помощью свойства width можно задать ширину содержимого блока. Данное свойство нельзя применить к строчным элементам. Ширина содержимого строчных элементов определятся исходя из ширины их одержимого. !!! Отрицательные значения не допускаются. !!! Свойство не наследуется дочерними элементами. Значения свойства width: Синтаксис свойства:width: 100px; width: 10em; width: 50%; width: auto; width: inherit; Минимальная и максимальная ширина. Для задания максимальной и минимальной ширины используются свойства max-width и min-width...

1. CSS функция calc() Calc() наверное самая используемая из этого списка, но ее все равно стоит упомянуть. Если вы еще не использовали ее, чтобы понять назначение вы можете представить, что говорите: "Я хочу чтобы этот элемент был вот такой ширины минус столько-то пикселей". .box { width: calc( 100% - 20px ); } Похоже на что-то из препроцессоров типа SASS, но это чистый CSS, и здесь используется высчитанный браузером размер элемента для дальнейших математических операций. Элемент .box из примера будет таким, "каким он был бы при 100% ширине, минус 20 пикселей"...