Заставить div всегда занимать всю высоту страницы - с отрицательным верхним полем ⇐ CSS

[Anonymous]

На моей странице есть один раздел, который я хочу всегда занимать всю высоту страницы и перекрывать панель навигации и нижний колонтитул. Я переместил элемент div с отрицательным запасом вверх, но не могу расширить его вниз. Это статический веб-сайт, поэтому его нужно делать только с помощью SCSS. Может ли кто-нибудь помочь?

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

.nav {
width: 100%;
height: 4rem;
background-color: #FFE2E2;
}

.container {
height: 1500px;
display:flex;
flex-direction: row;
justify-content: space-around;
}

.full-height {
background-color: red;
opacity: .5;
margin-top: -4rem;
height: 100%;
width: 200px;
}

.normal-column {
background-color: yellow;
opacity: .5;
height: 100%;
width: 200px;
}

.footer {
width: 100%;
height: 6rem;
background-color: #FFE2E2;
}

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

Подробнее здесь: https://stackoverflow.com/questions/784 ... top-margin