HTML+CSS+JavaScript

Есть страница, c:
body {
max-width: 1200px;
margin: auto;
}

Т.е. контент посередине.

Вопрос: есть блок <footer>, как средствами CSS сделать его "привязанным" к низу страницы так, чтобы он был одного размера с body? И соответственно менял размеры, если у body меняется.
Ну например: окно браузера уменьшили...

footer {
position: fixed;
bottom: 0;
}

"привязывает" <footer> к низу, но растягивает по ширине экрана.

Добавлю решение без position. Через flex.
https://jsfiddle.net/mrrelax/yaqxney0/