2014-01-23 50 views
0

*這只是開發之前的一般問題,因此不提供任何代碼。包裝和容器中的全寬元素

我想在我的網站中間的div有一個100%的背景寬度爲了一路走過屏幕,但這個div是INSIDE包裝/容器(其中有980px寬度)所以它被限制爲正常的內容寬度。

如何在不結束包裝器和容器的情況下創建全寬div然後創建一組新的包裝器/容器div?正如W3驗證者指出,我應該有這些特殊的div不止一次。

+0

如果你想你的背景去一路屏幕上,爲什麼不把它應用到? – ncf

+0

非常^這。將背景圖像應用於頁面上較小的元素而不是最外面的元素(這將是您的身體)是沒有意義的。 – Hiigaran

回答

0

林不知道你想不例子什麼,但你可能想嘗試這樣的事:

<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/