我在網站上有一個令人討厭的水平滾動條，我似乎無法找到它的原因。我做了功課並尋找解決方案，但唯一能找到的是將「overflow-x」屬性設置爲「隱藏」的常用方法。這對我來說是不可接受的，因爲這隻能隱藏問題，而不能解決問題。不知何故，有些東西推動我的網站的寬度超過查看窗口，即使我已經嘗試使用CSS設置最大寬度爲100％（我甚至嘗試過全局應用）。下面是我的網站鏈接，這樣您可以得到更好的畫面： Site Link什麼導致CSS中的水平滾動條？
注意如何大多數網站的正常顯示，就好像不應該有一個水平滾動條。但是，圖片和「列」DIV的中心使用總寬度。
我幾乎到了需要取消一切並重新開始的地步。任何幫助將不勝感激。
想到的第一件事是您的.row類的左側位置爲100％，最大寬度爲100％。這絕對是問題的一部分。
經過進一步調查，您正在錯誤地使用左右位置屬性。即使您的圖像縮略圖也是整體問題的一部分。
你是對的，設置overflow-x：hidden不會解決你的問題。
在瀏覽您的樣式表並刪除左側和右側屬性（100％或右側：100％）後，它可以修復問題。 （在Firefox的螢火蟲調試）
我使用的是Firefox 4，我只使用Firebug獲得20％的「左」。 – FreeAsInBeer 2011-03-31 03:51:05
99％的問題是'.random-images-container {left：100％;}'。其餘的是'.row {left：50％}'。 – rockerest 2011-03-31 03:52:47
問題的另一部分是寬度：100％+填充。 – Mark 2011-03-31 03:56:12
我想重新考慮基於百分比的佈局。在我的寬屏顯示器上，70％使標題圖像真正伸展開來。 – Blender 2011-03-31 03:52:11
這實際上是我創建的第一個真正的網站，回顧它，肯定有很多事情我可以做得更好。但這就是你學習的方式，對吧？ – bnrup 2011-12-12 18:35:27
我甚至不想向人們展示我的第20個網站佈局。他們絕對是可怕的......你的*比我的第一個佈局更可用。 – Blender 2011-12-12 23:54:23