搞怪奇怪的水平滚动条...什么？

问题描述：

所以我不得不将我的容器更换为其他位置：固定;现在我得到一个奇怪的水平滚动条...即使我试图隐藏X溢出。怎么了？ http://www.graysonearle.com/Lumarca是该网站搞怪奇怪的水平滚动条...什么？

什么浏览器和分辨率？ – 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。

答

您需要从下面取出宽度：

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

1,024像素是您的文档的宽度，但由于导航定位直列旁边的标志，它是推动原稿从右侧和导致滚动条出现。

你似乎在Chrome中有一些其他布局问题。在加载开发人员工具之前，导航甚至不可见。

啊，谢谢。我不得不这样做到一些div，然后必须手动设置标题才能正确显示。非常感谢。 – prismspecs 2012-03-05 22:15:58

答

无论出于何种原因，在html元素上定义overflow会导致浏览器忽略body上的元素。从html元素中删除overflow-y，它按预期工作。

如果需要，请将其放在body上。

谢谢你的帮助！ – prismspecs 2012-03-05 22:16:20

答

发现在你的源：style.css的1号线

html { 
    overflow-y: scroll; 
}

这是没有意义的把HTML元素溢出，你应该把它的body元素。

搞怪奇怪的水平滚动条...什么？

相关推荐