Для того, чтобы растянуть элемент на всю высоту окна браузера необходимо выполнить условие — самый верхний элемент структуры страницы: HTML и body, должны иметь 100% высоту.
1 2 3 4 | html, body { height: 100%; } |
Затем можно применить высоту 100% к любому элементу, например, так:
1 2 3 | div { height: 100%; } |
Источник статьи/урока: https://xozblog.ru