水平重複頁腳背景圖片填充瀏覽器窗口

我正在絞盡腦汁想要弄清楚這一點。我認爲這很容易：）我只是想讓頁腳擴展我的瀏覽器窗口的寬度，而頁腳包含960像素以內的內容，但由於某種原因它只能填充到960像素。這裏是我的代碼：水平重複頁腳背景圖片填充瀏覽器窗口

footer { 
background: url(images/footerbkg.jpg) repeat-x bottom center; 
width: 100%; 
height: 1232px;

}

footer section.wrap { 
width: 960px; 
margin: 60px auto 0; 
position: relative; 
float: left;

}

2012-04-06 davidz

是'footer'在另一個整體寬度設置的容器？如果你能把這個問題作爲小提琴的例子，這將會有所幫助。 – Chords 2012-04-06 19:16:29

你好，是的它在包裝內：'#wrapper { \t width：960px; \t margin：0 auto; }' – davidz 2012-04-06 20:05:07

在這種情況下，您需要將它放在包裝下面;） – Chords 2012-04-06 21:28:49

許多網站的頁腳都包含一個整體的包裝內。確保你已經在包裝器之外放置了頁腳div（或者如果你使用的是HTML5，則爲footer標籤）。如果是，則100％的寬度應該填滿屏幕。

2012-04-08 19:50:08 Chords

回答