包裝和容器中的全寬元素

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/