IE7 + IE8中的水平滚动条问题

Question

在IE7 + IE8中，当浏览器设置为小尺寸（例如1024 x 768）时，后台存在问题。背景向右延伸到很远，导致水平滚动条。

以下是该错误的屏幕截图。

以1024x768查看网站时，布局应位于内容区域的中心，不会有水平滚动。

帮助！

Answer 1

您在真正没有必要或不合适的情况下使用了相对定位。在此过程中，您可以设置一些非常奇怪的测量值来获得所需的布局。修复主要涉及删除大量相对定位样式。

如果您更换我在下面给出的三条规则，它应该可以解决您的问题。

.rightmenu .leftCol {
    margin-top: -61px;
    float: left;
    width: 100%;
}
.rightmenu .col1wrap {
    float: left;
    padding-bottom: 1em;
    width: 50%;
}
.rightmenu .col2 {
    border-left: 1px solid #C1C1C1;
    min-height: 1000px;
    padding-left: 7px;
    width: 212px;
    float: right;
}

我注意到你在另一个样式表中复制了上面的一些规则。您应该完全删除这些重复的规则，并且只使用上面的三个规则来确保没有冲突。