Html Safari溢出：隐藏的，右边距错误

我使用以下代码创建两列布局：

<style type="text/css">
#column-wrap {
    float: left;
    width: 100%;
}
#column1 {
    background-color: red;
    width: 200px;
    float: left;
}
#column2 {
    background-color: lime;
    margin-left: 200px;
    overflow: hidden;
    min-height: 200px;
}
</style>
<div id="column-wrap">
    <div id="column1">Column 1</div>
    <div id="column2">Column 2</div>
</div>

#柱包裹{
浮动：左；
宽度：100%；
}
#专栏1{
背景色：红色；
宽度：200px；
浮动：左；
}
#专栏2{
背景色：石灰；
左边距：200px；
溢出：隐藏；
最小高度：200px；
}
第1栏
第2栏

如果我使用

overflow:hidden，它在除Safari（5.1.7）之外的所有浏览器中都能正常工作
为什么?？我如何修复它呢？
我不知道你是否想要这样的东西，但试试下面的例子->


从
#第2列

#column2 {
    background-color: lime;
    overflow: hidden;
    min-height: 200px;
    }

您的
#column2
将自动向左浮动，因为您没有清除其
float
属性，因此不需要
左边距

在Safari 5.1.7（Windows）中测试和使用
 移除
溢出：隐藏
从
#column2
我知道它解决了问题，但我需要它。第二列必须有全宽。@w-d，第二列的宽度不仅要填满屏幕的内容。@w-d是的，但第一列必须有固定的宽度。我尝试将第二列设置为100%，但在Safari中，它超出了浏览器窗口。@w-d yo已删除
左边距：200px我需要它在列之间添加一点分隔，但不管怎样，我还是找到了解决方法。谢谢。您只需在这两个div之间添加另一个
div
，并设置其
宽度，例如
10px
。不客气。很高兴这有帮助。