Как изменить цвет фона секции?

Question

[pikener]

При оформлении страницы хочу поочерёдно менять цвет фона блоков (как у большинства лентингов). Если каждый блог оборачивать в див с bg-color то цвет упирается в ширину листа, а хочется, чтобы фон блока менялся во всю ширину монитора.

Как можно реализовать такое?

Answer 1

[Ankhena]

Суть такая: https://jsfiddle.net/hv43ncm9/

Ну или так https://jsfiddle.net/bykexvn1/

Comments

[pikener]

Я же написал, что при оборачивании в див, фон упирается в ширину листа. У меня ширина листа 70%.

[Ankhena]

pikener, я не знаю что за элемент "лист".
Если это body, так уберите это ограничение.

[Ankhena]

pikener, дополнила ответ другим вариантом

Answer 2

[Анатолий]

Нельзя изменить цвет за пределами блока!
Если изменить фон у родительского элемента, то изменится цвет на всей странице.
Могу порекомендовать только сделать 100% блок, а дальше на 15% паддинг. В итоге блок будет на 70%, но закрашен на 100%.

Comments

[Ankhena]

Нельзя изменить цвет за пределами блока!

Почему это нельзя?
https://jsfiddle.net/bykexvn1/

[Анатолий]

Ankhena, ну не знаю, ИМХО чаще пишут:

<div style="width: 300px;">
	<div></div>
	<div></div>
</div>

и тогда так не сделать.
Вот человек задал вопрос, у него как я понял такая же проблема.

[Ankhena]

Анатолий, какая разница?
https://jsfiddle.net/5pzx401m/

[Анатолий]

Ankhena, не плохо. Так я не умел, возьму на вооружение.