div на всю высоту экрана

  • Автор темы Lucania
  • 21
  • Обновлено
  • 05, May 2023
  • #1
Для того чтобы элемент занимал всю высоту экрана, можно использовать следующие CSS-свойства: cssCopy code
 html, body {

height: 100%;
}

.container {

min-height: 100%;
}
В данном примере, мы устанавливаем высоту элементов
 html
и
 body
равной 100%, что означает, что они будут занимать всю высоту экрана.

Затем, мы устанавливаем минимальную высоту для контейнера, равную 100%, что позволит ему занять всю высоту экрана, если его содержимое достаточно большое.

Lucania


Рег
02 Feb, 2023

Тем
27158

Постов
27328

Баллов
298908
Тем
49554
Комментарии
57426
Опыт
552966

Интересно