Position: fixed - сделать размеры блока как у body

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

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

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

footer {
position: fixed;
bottom: 0;
}

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

 

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

 

Можно попробовать так:
footer {
position: absolute;
bottom: 0;
widht: 100%;
}

Но у родителя должен быть параметр "position", любой.

 

через абсолют актуальнее так как флекс кое чем до сих пор не подерживается,но если вопрос кросбраузерности не стоит то я бы вообще все делал flex быстро,проще.
но если стоит задача через фикс чтобы он всегда был на экране снизу то тут уже другой вопрос