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

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