IE7中不需要的水平滚动条

Question

我的网站运行正常，除了在IE7中有一个巨大的水平滚动条。

我必须粘贴整个html代码和css代码，以便我将您引荐到页面源代码。

您可以看到网站here。

非常感谢任何协助。

感谢。

Answer 1

这是一个奇怪的挑战，因为似乎没有任何事情导致这个问题。但是，感谢Tony Crockford他指出，其中有一个带有斜体文字的div可能会导致问题。确实如此。

这是可疑代码：

<span class="strength">strength...experience...understanding</span>

我的风格是斜体：

span.strength { 
 float: right; 
 margin: -60px 0 0 0; 
 font: italic 20px Georgia, "Times New Roman", Times, serif; 
 color: #16506a; 
 }

但是有一个导致问题的错误：http://www.brunildo.org/test/ie7_ithscroll.html

这就是解决方案：

 overflow: auto;

疯狂的东西！但它的确有效。

Answer 2

我没有看到水平滚动条（FF 3.6.3 Ubuntu 10.04 1920x1200 res）。你在运行什么分辨率？

您可以使用overflow: hidden隐藏滚动条。