搞怪奇怪的水平滾動條...什麼？

所以我不得不將我的容器更換爲其他位置：固定;現在我得到一個奇怪的水平滾動條...即使我試圖隱藏X溢出。怎麼了？ http://www.graysonearle.com/Lumarca是該網站搞怪奇怪的水平滾動條...什麼？

來源

2012-03-05 prismspecs

什麼瀏覽器和分辨率？ – 2012-03-05 21:56:57

我在1280x1024顯示屏上看不到FF3.6。 – 2012-03-05 21:57:36

查找問題的最佳方法是創建一個簡單的例子，它在OS X上重現它的 – 2012-03-05 21:58:26

如果你有這個問題的IE瀏覽器。您需要在您定義overflow:hidden的身體課上添加position:relative。

來源

2012-03-05 22:04:52 Dips

您需要從下面取出寬度：

#nav { 
    position: absolute; 
    width: 1024px; // remove this line 
    top: 36px; 
    display: inline; 
    font-family: Verdana; 
    font-size: 12px; 
}

1,024像素是您的文檔的寬度，但由於導航定位直列旁邊的標誌，它是推動原稿從右側和導致滾動條出現。

你似乎在Chrome中有一些其他佈局問題。在加載開發人員工具之前，導航甚至不可見。

來源

2012-03-05 22:09:44 Turnip

啊，謝謝。我不得不這樣做到一些div，然後必須手動設置標題才能正確顯示。非常感謝。 – prismspecs 2012-03-05 22:15:58

無論出於何種原因，在html元素上定義overflow會導致瀏覽器忽略body上的元素。從html元素中刪除overflow-y，它按預期工作。

如果需要，請將其放在body上。

來源

2012-03-05 22:10:39

謝謝你的幫助！ – prismspecs 2012-03-05 22:16:20

發現在你的源：style.css的1號線

html { 
    overflow-y: scroll; 
}

這是沒有意義的把HTML元素溢出，你應該把它的body元素。

來源

2012-03-05 22:13:36 odupont

搞怪奇怪的水平滾動條...什麼？

回答

相關問題