将Div扩展为Ful宽度

Question

我知道这个主题有很多线索，但我无法得到我发现的任何建议。无论是由于新手状态还是因为代码不合适，我都不知道。但是我现在在试图获得h2标签背后的灰色背景后拉我的头发＆＃34;附件＆＃34;以及跟随它的两条线扩展到全宽，删除当前位于此div左侧和右侧的空白区域。

http://bit.ly/1OVprsc

Answer 1

一种方法是使用负边距和填充来扩展两个方向的背景。

margin: 0 -9999rem;
padding: 0.25rem 9999rem;

Answer 2

你的灰色div在g-container div里面，宽度不是满的。因此，如果你想让灰色div全宽，你必须将你的结构改成这样的结构：

<div class="g-container">
CONTENT
</div>
<div class="grey-div"></div>
<div class="g-container">
CONTENT
</div>

或者你可以用绝对位置做到但是灰色div的父级不应该是位置相对的，所以灰色div可以是相对于身体的绝对值。