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;
}

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