如何保持網站在960像素，但在X軸上streach背景

#container { 
    width: 960px; 
    background: #FFFFFF; 
    margin: 0 auto; 
    border: 1px solid #000000; 
    text-align: left; 
}

但問題是，它也限制了背景960像素。我想排除背景&允許它填滿整個屏幕。即在x軸上重複

2015-05-04 Pappo

div寬度爲100％，背景爲#container div –

將background放在父元素上，例如， body。

body {background: url('...') repeat-x}; 
#container {width: 960px; ...}

2015-05-04 12:33:58 panther

只是把你想要的東西在身體標記

body { 
    background:whatever_you_want; 
}

2015-05-04 12:35:01

使用下面的代碼背景 - 應該工作：

CSS

body { 
width: 100%; 
background: #fff; 
}

HTML

<body> 
    <div id="container"> 
</body>

2015-05-04 12:35:11 aphextwix

要做到這一點，

首先設置你的身體的保證金（左和右）爲「自動」，身下這樣什麼將居中。

所以，這裏的第一個代碼：

body{ 
    margin: 0px auto;/* Centers your page */ 
    background-color: #898989; /* Add a nice background-color */ 
}

還有，現在的DIV，它擁有的DIV 如此定義的寬度是很重要的，假設你的DIV是有所謂的ID集裝箱：

#container{ 
    width: 960px; 
}

這就是它！：D 我希望這有幫助！

2015-05-04 12:43:35 buoyantair

回答