CSS溢出：隐藏限制div的宽度

所以我遇到了这个问题，溢出：隐藏在容器中的div上会限制div的宽度，而它应该是流体。所以基本上我有一个类似的结构：

<div id="container">
    <div id="leftColumn">
        //content
    </div>
    <div id="rightColumn">
        //content
    </div>
</div>

---

思想？

它对我很有用（FF 3.6.13）。检查并查看页面上是否有其他可能干扰的内容（样式或元素）。还要检查不同的浏览器。如果您在测试时手动更改页面，请确保在浏览器上进行硬刷新（Ctrl-F5），以确保加载新样式。

它的工作方式与您在my fiddle中描述的完全相同。。。收缩到

最小宽度

，并应用

溢出：隐藏

我讨厌不必要地嵌套div，但这可能是一个对您有用的场景

---

我将您的右栏变成了一个“包装器”，其中

overflow:hidden

内容包含在一个子div中，该子div以原始div命名。也许这会有所帮助？

所以我在firefox中运行，它运行得非常好，但由于某种原因，它在Chrome（9.0.597.83 beta版）中出现了故障，我不知道为什么。。。

#container {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    min-width: 800px;
}

#leftColumn {
    margin: 0px 0px 0px 0px;
    padding: 10px 10px 10px 10px;
    width: 230px;
    position: relative;
    float: left;
}

#rightColumn {
    margin: 0px 0px 0px 250px;
    padding: 10px 10px 10px 10px;
    min-width: 530px;
    overflow: hidden;
    background: #fff;
}