Question

这是代码：

<!DOCTYPE html>
<html>
    <head>
        <title>Test</title>
        <style type="text/css">
            html, body
            {
                margin: 0px;
                padding: 0px;
            }
            #pageContainer {
                min-width: 100%;
                float: left;
                background-color: red;
            }
            #leftColumn {
                float: left;
                background-color: lime;
            }
            #rightColumn {
                position: relative;
            }
        </style>
    </head>
    <body>
        <div id="pageContainer">
            <div id="leftColumn">Left column</div>
            <div id="rightColumn">Right column</div>
        </div>
    </body>
</html>

在IE8 / Opera / FF上一切都很好看。如果我使用IE8并打开IE7模式（符合标准），则会突然出现水平滚动条。可疑的是它和左栏一样大。有什么想法吗？！

Example

Answer 1

两种解决方案。在右栏中，：

如果您不需要，请删除position: relative。
或者，保留并添加zoom: 1。

这完全是关于hasLayout。

IE7中的奇怪布局行为（滚动条出现在它不应该的地方）

1 个答案: