Простое решение с использованием flexbox:
header
html, body { height: 100%; } body { display: flex; flex-direction: column; } .content { flex-grow: 1; }
Образец кодедепа
Альтернативное решение, с div, центрированный в содержимом div