Чем отличаются min-height и height в CSS?
У тех, кто начинает изучать CSS, часто возникает вопрос - чем отличаются min-height и height в CSS? Далее я дам ответ на данный вопрос.
Свойство CSS - height
.container {
height: 300px;
}
Данное свойство устанавливает высоту контейнера равной 300 пикселей, вне зависимости от того, как много или как мало контента в нем.
Свойство CSS - min-height
.container {
min-height: 300px;
}
Данное свойство устанавливает минимальную высоту контейнера равной 300 пикселей, т.е. если содержимое контейнера больше высоты блока, то последний будет расширяться, чтобы уместить все содержимое. Но если контента недостаточно, то высота блока все равно будет 300 пикселей.
Вот в этом и состоит различие этих двух свойств, которое помогает создавать красивые макеты страниц.
-
Создано 09.07.2020 13:49:03
-
Михаил Русаков
Комментарии (0):
Для добавления комментариев надо войти в систему.
Если Вы ещё не зарегистрированы на сайте, то сначала зарегистрируйтесь.