将div扩展到Ful宽度

我知道这个主题有很多线程，但我无法得到任何我发现为我工作的建议。无论是由于新手身份还是因为代码不合适，我都不知道。但我现在正在拉我的头发后，试图让h2标签“附件”后面的灰色背景以及随后的两条线扩展为全宽，去除当前左右两侧的空白DIV。将div扩展到Ful宽度

2016-03-04 CCHert

我使用的是Firefox 44.0.2，无法确认左侧或右侧是否有空白。在我看来，它是相对于文字的全宽。 – zx485

试试给我们看看你看到的图片..因为对我来说也好像.. – scaisEdge

一种方法是使用负边距和填充延长背景在两个方向上。

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

2016-03-04 21:13:48

尝试了这一点，并且背景确实展开了，但是并不是所有的文字都已经左移大小并堆叠起来了（参见http：// bit .ly/1OVprsc）。你知道如何解决这个问题吗？谢谢！ – CCHert

删除宽度：100％你不需要 –

@CCHert我看到你修复了这个问题 –

你的灰色div是在g-容器div内，它的宽度不是满的。所以，如果你想有一个灰格全宽ü必须改变你的结构弄成这个样子：

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

或者你可以用绝对位置做到这一点，但随后没有灰色div的父shouldn`t是相对位置，所以灰色div可以相对于身体是绝对的。

2016-03-04 21:16:36 izorgor

回答