股利与溢出：自动消失

Question

我有一个的600px的高度和900px

它里面的宽度的包装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。

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

我不明白为什么。任何帮助表示赞赏

感谢

Answer 1

你可能不希望你的保证金留下等于只是因为它是浮动的左边一列。这通常是我们使用的一种技巧，当它的绝对定位，而不是浮动的。试试看，它可能只是清除。

你拥有的东西很可能是右边的div被它的内容加边距压低了。与overflow:auto它可能是滚动条被引入，并触发一些额外的大小调整...不知道没有更多的标记和CSS来看看。祝你好运！