包装器和容器中的全宽元素

Question

*这只是开发前的一般性问题，因此没有提供代码。

我想在我的网站中间有一个div，背景宽度为100％，以便一直穿过屏幕，但这个div是INSIDE包装器/容器（其宽度为980px）所以它与常规内容宽度一样受限制。

如果没有结束包装器和容器，创建全宽度div，然后创建一组新的包装器/容器div，怎么会发生？正如w3验证者对我说的那样，我应该不止一次拥有这些特殊的div。

Answer 1

我不确定你想要什么，没有例子，但你可能想尝试这样的事情：

<style>
#width980{width:980px;height:200px;margin:0 auto;background:#aaa;}
#fullwidth{height:100px;background:#000;position:absolute;left:0;top:50px;right:0;color:#fff;}
</style>
<div id="width980">
    width980
<div id="fullwidth">
    fullwidth
</div>
</div>

在这里，我让你成为一个小提琴：http://jsfiddle.net/Wde8W/