溢出的div：自动消失答案

【问题标题】：Div with overflow:auto disappears溢出的div：自动消失
【发布时间】：2010-02-28 09:01:58
【问题描述】：

我有一个高度为 600 像素、宽度为 900 像素的包装 div

里面有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。

当我删除溢出时：自动，但是他们这样做了。

我不知道为什么。任何帮助表示赞赏

谢谢

【问题讨论】：

标签： css

【解决方案1】：

您可能不希望留下的边距等于左列，因为它是浮动的。这通常是我们在绝对定位而不是浮动时使用的技巧。尝试一下，它可能会变得清晰。

您所拥有的很可能是右侧的 div 被其内容加边距推到了视野之外。使用overflow:auto 可能是引入了滚动条并触发了一些额外的调整大小...如果没有更多标记和 CSS 不知道。祝你好运！

【讨论】：