Главная->Уроки по css->Чем отличаются min-height и height в CSS?

Чем отличаются min-height и height в CSS?

12 Сен в 00:00

Свойство CSS - height

.container {
height: 300px;
}

Данное свойство устанавливает высоту контейнера равной 300 пикселей, вне зависимости от того, как много или как мало контента в нем.

Свойство CSS - min-height

.container {
min-height: 300px;
}

Данное свойство устанавливает минимальную высоту контейнера равной 300 пикселей, т.е. если содержимое контейнера больше высоты блока, то последний будет расширяться, чтобы уместить все содержимое. Но если контента недостаточно, то высота блока все равно будет 300 пикселей.

Вот в этом и состоит различие этих двух свойств, которое помогает создавать красивые макеты страниц.