Почему элемент div не занимает полную высоту, даже если в CSS установлена ​​высота: 100%? ⇐ Html

[Anonymous]

Я работаю над простым макетом HTML/CSS и пытаюсь сделать так, чтобы элемент div занимал всю высоту экрана.
Я установил высоту: 100% для элемента, но он не растягивается на всю высоту области просмотра, как ожидалось.

Код: Выделить всё

.container {
height: 100%;
background-color: lightblue;
}




Content here

Проблема
Несмотря на то, что .container имеет высоту: 100%, он не заполняет всю высоту экрана.
Что я пробовал

• Установка высоты: 100% в div
• Удаление полей по умолчанию из тела

Вопрос
Почему в этом случае не работает высота: 100%, и как правильно заставить элемент div занимать всю высоту области просмотра?

Подробнее здесь: https://stackoverflow.com/questions/798 ... set-in-css