將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

回答