body/html的寬度小於瀏覽器問題的寬度

我正在爲客戶端/設計工作室的網站工作，有一個奇怪的問題，我發現儘管body和html元素設置爲寬度100％，當我調整大小瀏覽器，滾動條似乎迫使我滾動右側，只發現右側有大約150像素的空白。當瀏覽器調整大小時，body元素容器（）會將自身設置爲1240px的固定寬度，但仍然會在右側留下間隙。body/html的寬度小於瀏覽器問題的寬度

這裏是body元素的css代碼。

body { 
min-width: 1200px; 
max-width: 100%; 
left: 0px; 
right: 0px; 
width: auto !important; 
margin: 0 auto; 
padding: 0; 
background: url('images/bg-repeat2.jpg') repeat; 
line-height: 1; 
font: 'BitstreamVeraSerifRoman', Arial, sans-serif; 
}

這裏是HTML元素的CSS：

html { 
margin: 0 auto; 
padding: 0; 
width: 100%; 
min-width: 1200px; 
left: 0px; 
right: 0px; 
}

我不使用

「溢出-X：隱藏;」由於擔心需要在較小的屏幕和移動設備上進行滾動，因此屬於該屬性。請注意，這個網站是桌面版本。

如果本社區中的任何人可以通過提供解決方案或修復方案提供幫助，我將不勝感激。

謝謝。

來源

2012-12-12 user1087834

直到您擁有絕對位置，固定位置或相對位置，您纔可以使用左右屬性。 –

同意，鬆動左/右屬性 – user1721135

您確定您正在測試的窗口與您設置的最小寬度一樣寬還是寬？此外，如果您正在頁面上使用其他元素進行測試，則可能是未檢查的邊距。否則，CSS在Chrome和Firefox中似乎可以正常工作。 – Jesse

Youre問題似乎是最小寬度：1200px;刪除它，它將解決強制性水平滾動。如果你想100％寬度這樣做：

html, body { 
width:100%; 
}

我不認爲你需要更多的那麼明智的寬度，對於HTML和正文。如果你這樣做，解釋爲什麼或張貼圖片你需要什麼請。

來源

2012-12-12 12:32:15 user1721135

body/html的寬度小於瀏覽器問題的寬度

回答

相關問題