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

Question

我在拼命想办法。

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

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

Answer 1

这似乎很奇怪。我假设你不介意如果页面不能水平滚动，即使在小屏幕上，因为你已经尝试使用:

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]-->

EDIT:我已经找到了问题的原因，所以没有必要使用上面的解决方案。正如我所怀疑的，这个问题与绝对定位和相对定位有关。

你只需要从.grid_2和.grid_12中移除position:relative，滚动条就会消失。

Answer 2

我也遇到过这个令人烦恼的问题。我在div中有一个表，这些都在外部div中。当我删除样式以使内部div宽度:100%时，我的"仅IE7"滚动条情况消失了。