css - 水平滚动条仅在 IE7 中出现，即使溢出 :hidden being set

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

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

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