水平滚动条仅出现在IE7中,即使有溢出:隐藏设置

时间:2011-09-15 17:56:05

标签: css internet-explorer-7 horizontal-scrolling

我正在敲打这个。

我有一个令人不安的水平滚动条,只有在IE7中浏览我的网站时才会出现:
http://www.regia.it

我已经尝试过并尝试在overflow:hidden上使用div来阻止这种情况发生,但出于某种原因,我似乎无法找到导致问题的原因。

非常感谢任何帮助。

2 个答案:

答案 0 :(得分:7)

这看起来很奇怪。我假设您不介意即使在小屏幕上页面也不能水平滚动,因为您尝试使用:

body{overflow-x: hidden;}

在这种情况下,如果您将其应用于html而不是body,它应该可以解决问题:

html{overflow-x: hidden;}

我真的不想实现这个长期,但如果你正在寻找快速解决方案,这应该是一个临时措施,直到你能解决出错的问题。我也会把它放在条件评论中,以免破坏现代浏览器上大多数人的体验。

<!--[if IE 7]>
    Link to alternate style sheet
    OR
    <style> /*CSS in here*/ </style>
<![endif]-->

编辑:我找到了问题的原因,因此无需使用上述解决方法。我怀疑这个问题与绝对和相对定位有关。

您只需要从position:relative.grid_2移除.grid_12,滚动条就会消失。

答案 1 :(得分:1)

我也遇到了这个棘手的问题。我在div中有一张桌子,这些是在外部div中。当我删除样式以使内部div宽度:100%时,我的'IE7 only'滚动条情况消失了。

希望这有点帮助。