Проблема с установкой

Только CSS Подход (если высота известна / исправлена)

Если вы хотите, чтобы средний элемент пролегал по всей странице по вертикали, вы можете использовать calc() , который введен в CSS3.

Предполагая, что у нас есть фиксированная высота

html, body {
    height: 100%;
}

header {
    height: 100px;
    background: grey;
}

section {
    height: calc(100% - (100px + 150px)); 
    /* Adding 100px of header and 150px of footer */

    background: tomato;
}

footer {
    height: 150px;
    background-color: blue;
}

и footer элементов, и мы хотим, чтобы тэг section занимал всю доступную вертикальную высоту ...

Демо

Предполагаемая разметка

100px
Expand me for remaining space

Итак, ваш CSS должен быть

html, body {
    height: 100%;
}

header {
    height: 100px;
    background: grey;
}

section {
    height: calc(100% - (100px + 150px)); 
    /* Adding 100px of header and 150px of footer */

    background: tomato;
}

footer {
    height: 150px;
    background-color: blue;
}

Итак, что вы делаете, добавляя высоту элементов и вычитая из 100% с помощью функции calc().

Просто убедитесь, что вы используете height: 100%; для родительских элементов.