Jquery 正在获取奇怪的幻影水平滚动条。。。什么?

Jquery 正在获取奇怪的幻影水平滚动条。。。什么?,jquery,css,Jquery,Css,所以我不得不把我的容器换成别的位置:固定的;现在我得到一个奇怪的水平滚动条。。。即使我试图隐藏X溢出。怎么回事? 如果IE存在此问题,则是站点。您需要在定义了溢出:隐藏的body类上添加位置:相对,您需要从以下位置删除宽度: #nav { position: absolute; width: 1024px; // remove this line top: 36px; display: inline; font-family: Verdana; fo

所以我不得不把我的容器换成别的位置:固定的;现在我得到一个奇怪的水平滚动条。。。即使我试图隐藏X溢出。怎么回事?
如果IE存在此问题,则是站点。您需要在定义了溢出:隐藏的body类上添加
位置:相对
您需要从以下位置删除宽度:

#nav {
   position: absolute;
    width: 1024px; // remove this line
    top: 36px;
    display: inline;
    font-family: Verdana;
    font-size: 12px;
}
1024px是文档的宽度,但由于导航位于徽标旁边的内联位置,因此它会将文档向右推出并显示滚动条


在Chrome中,您似乎还有一些其他布局问题。在我加载开发工具之前,导航甚至不可见。

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


如果需要,请将其放在
正文
中。

可在第1行的源代码:style.css中找到

html {
    overflow-y: scroll;
}

将溢出放在html元素上是没有意义的,您应该将其放在body元素上。

在1280x1024显示器上的FF3.6中,我看不到这一点。找到问题的最佳方法是创建一个在OS X上重现溢出的最小示例。这里没有滚动条OOPS ok上传了给我带来麻烦的版本!抱歉,我没有看到水平滚动条(FF 10,尝试了多种窗口大小),但我确实看到了不必要的垂直滚动条。这就是你的意思吗?通过将#video div的位置值设置为relative(从绝对值)来摆脱它。啊,谢谢。我必须对几个div执行此操作,然后必须手动设置标题,以使其正确显示。非常感谢。