爲什麼我的網站如此之廣。（數萬像素）

我正在處理的網站：http://bayhouse.biklopsdesign.com，是某種程度上INSANELY廣泛。這導致水平滾動條以及固定定位真的很煩人。爲什麼我的網站如此之廣。（數萬像素）

誰能告訴發生了什麼事？我一直在firebugging幾天沒有救濟。：/

2012-07-17 Jeff Immer

這是因爲網站上的html，css或圖片中的某些內容使它變得非常寬泛。就個人而言，我只是通過代碼中的文字「寬度」來查看是否有錯誤的設置。也許一個div應該是800px寬，但有人打錯了一個零。 – David 2012-07-17 17:44:41

問題部分是由滑塊腳本引起的。當你禁用JS時，你可以看到它不是很糟糕（儘管網站仍然是一些像素）。 – 2012-07-17 17:49:58

這是硬找到了！

您的鏈接<a id="OTPoweredBy">...</a>有margin的-9999px;。如果我將margin設置爲更明智的選項，則所有右滾動消失。

2012-07-17 18:01:27 Hbcdev

順便說一下，我假定你明白'margin'的含義以及如何使用它 - 如果你不這樣做，它可能是一個單獨的問題。 – Hbcdev 2012-07-17 18:02:23

+1好眼睛！我完全錯過了那一個。 – 2012-07-17 18:02:40

+1鷹眼！ :) – 2012-07-17 18:06:05

答案是你已經聲明寬度爲固定定位元素的百分比。這會佔用視口的百分比，而不是父容器的百分比。

所以，例如，我的視口是1900px寬。這意味着爲position: fixed; width: 100%設置的每個元素都將是1900px寬。您可以在多個位置執行此操作，例如aside#text-15.header_area。另見this SO answer。

2012-07-17 17:54:50

禁用JavaScript可以解決問題，因此它不能成爲CSS問題。 – 2012-07-17 18:00:08

我認爲Javascript正在設置CSS。刪除這些屬性也解決了這個問題（儘管它最終變得醜陋）。 – 2012-07-17 18:02:05

爲什麼我的網站如此之廣。 （數萬像素）