Html 将Div扩展到Ful宽度

我知道在这个问题上有很多线索，但我找不到任何对我有用的建议。我不知道这是因为新手身份还是因为代码不合适。但我现在在尝试将h2标记“Attachments”后面的灰色背景和它后面的两条线扩展到全宽，移除当前位于该div左侧和右侧的空白后，开始梳理头发

---

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

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

---

您的灰色div位于g-container div内，该div的宽度不是满的。所以，如果你想让灰色div全宽，你必须将你的结构改变成这样：

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

内容
内容

---

或者你可以使用绝对位置，但是灰色div的父项都不应该是相对位置的，所以灰色div可以是绝对相对于身体的。

我使用的是Firefox 44.0.2，无法确认左侧或右侧是否有空格。在我看来，它是相对于文本的全宽度。试着给我们展示一下你所看到的图片。。因为对我来说似乎也没问题..尝试了这个，背景确实展开了，但文本没有全部变为左侧大小和堆叠（请参阅；您知道如何修复吗？谢谢！删除宽度：100%您不需要that@CCHert我知道你已经解决了这个问题，非常感谢。这是否适用于任何屏幕分辨率/浏览器？是的，这里有一个额外的好处：