Div溢出：自动消失

Question

我有一个包装器div，高度为600px，宽度为900px

其中有2个div

第一个是左下方的样式

#left{
height : 100%;
width : 600px;
overflow:hidden;
float : left;
}

第二个没有浮动，所以它可以占据剩余的空间，风格是

#right{
height : 100%;
overflow : auto;
margin-left : 600px;
}

以上设计旨在创建具有固定高度的2列布局。我使用的HTML是

<div class="wrapper">
  <div id="left">
    <img id="main-image" src="/some/image"/>
  </div>
  <div id="right"></div>
  <br clear="left"/>
</div>

事情是Opera（v 10.01）和Safari（v.4.0.3）没有显示正确的div。

当我删除溢出：auto时，它们会这样做。

我无法弄清楚原因。任何帮助表示赞赏

由于

Answer 1

您可能不希望您的保证金等于您的左栏，因为它已经浮动。这通常是我们在绝对定位时使用的技巧，而不是浮动的。尝试一下，它可能只是清理。

你所拥有的东西很可能是右手div被其内容加上边距推出视野。使用overflow:auto可能会导致滚动条被引入并触发一些额外的大小调整......如果没有更多标记和CSS可供查看，则不知道。祝你好运！