Как сделать блок с одной стороны до край сайта?

Question

[a16a]

Доброго времени суток.

Как сделать такие блоки? Чтобы активная часть(с шириной 1170px) была по центру. т. е. данные/записи и т.д..
А сам блок был что то вроде границей и бэкграундом. Как ниже, до края.

Answer 1

[Павел]

codepen.io/mrusklon/pen/BQMBBa
так?

Comments

[a16a]

Эти блоки лезут вниз футера.
codepen.io/anon/pen/eBxNKr

[Павел]

a16a:
clear: both; после контента надо сделать потому что

[Павел]

mrusklon: codepen.io/mrusklon/pen/oYmXMr

[a16a]

mrusklon: Спасибо!

Answer 2

[Максим]

*{
margin:0;
}
div{
 width:100%;
 height:200px;
}

<div></div>

Comments

[a16a]

Width 100 это же от одного края до второго. На всю ширину

Answer 3

[Serj-One]

codepen.io/anon/pen/ZBVggK