Рассчитайте высоту тела по высоте верхнего и нижнего колонтитула [закрыто] ⇐ CSS

[Anonymous]

У меня есть заголовок высотой: 8rem;

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

.header {
top: 0;
left: 0;
height: 8rem;
}

Тогда у меня есть нижний колонтитул высотой 5rem;

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

footer
{
width:100%;
height: 5rem;
}

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

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

.body-content{
height: calc(100vh - 8rem - 5rem);
}

Однако это не работает, и высота больше экрана. Методом проб и ошибок идеально работает следующее:

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

.body-content{
height: calc(100vh - 15.5rem);
}

Но разве это не должно быть 100% высоты экрана — высоты верхнего колонтитула — высоты нижнего колонтитула?

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