Как сделать высоту блока на всю высоту экрана?

Question

[Кристина]

Всем добрый вечер!
Как сделать высоту блока на всю высоту экрана, но при этом при уменьшении окна просмотра блок не должен плыть, а элементы надвигаться друг на друга?
project-promo.ru
(здесь например при разрешении 1366х500 все плывет)
Спасибо!

Comments

[Ankhena]

Высоту задавать либо 100% либо 100vh. Либо минимальную высоту, потому что контента у вас больше, чем страница. Либо шрифт тоже надо задавать в vw, чтобы он масштабировался.
Зачем sky.png вставлен картинкой завернутой в div. Поставьте как bg к основному блоку. Жить станет проще. Это если нет никаких задумок, о которых не сказано в вопросе.

[Кристина]

Ankhena, спасибо!
Жить станет проще, но большого объема изображения не хочется.

[Ankhena]

Кристина, Эммм Я что-то не поняла, чем отличается размер изображения вставленного через img с ним же через background?

Answer 1

[Денис Шевченко]

div{
min-height: 100vh;
}

Answer 2

[NichitencoEvgh]

У блока и у его родителей (html + body) должно быть height: 100%;
Тогда будет всё окей.