将Div扩展为Ful宽度

时间:2016-03-04 21:02:52

标签: html css

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

http://bit.ly/1OVprsc

2 个答案:

答案 0 :(得分:1)

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

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

答案 1 :(得分:0)

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

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

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