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