Как заставить DIV занимать всю высоту браузера ⇐ Html

[Anonymous]

Я хочу создать DIV высотой 100 %, чтобы он занимал всю высоту Окна браузера, а не только высоту области просмотра.
Внешний DIV имеет свойство Display Flex.
Целевой DIV имеет класс full-height-div
Это HTML код:





и это код CSS
body, html {
margin: 0;
height: 100%;
}

.main-container {
display: flex;
height: 100%;
}

.full-height-div {
height: 100%;
}


Подробнее здесь: https://stackoverflow.com/questions/689 ... of-browser