全背景使用：封面;增加水平滾動

我正在一個網站上需要一個標題與全背景圖像& 650高度。目前我正在使用background-size：cover;財產與100％寬度。全背景使用：封面;增加水平滾動

雖然它正在工作，但在右側留下約50px的尷尬水平滾動。在較小的分辨率下，這一點更爲突出。

我曾嘗試將背景應用於body而不是header div。但同樣的事情也發生在那裏。

它實際上是在你的頁腳是導致滾動的填充。它是100％，填充40px。這就是整頁寬度+ 40px。刪除填充或使其「填充：20px 0px;」你應該很好走。

2012-12-16 05:02:30 kevin11189

很好找+1，而且你想推薦速記，他是用'與容限top：0; margin-bottom：0; margin-left：0; margin-right：0;'也可寫爲'margin：0 0 0 0;'或'margin：0;' –

如果添加「box-sizing：border-box; -moz-盒子大小：邊框「到它的CSS。 – mikel

謝謝！這解決了這個問題：） – user1907341

我檢查網頁的源代碼，以放大100％，它具有對右側約50像素，但水平滾動，當你增加縮放水平將增加更多的&多。

試試下面的CSS我解決同樣的問題對我自己的網站

.header { 
    min-width:980px; 
    height:auto; 
    margin:0 auto; 
} 
.container { 
    width:100%; 
    height:650px; 
    margin:0 auto; 
}

祝你好運:)

2012-12-16 07:11:42 Arif

回答