css - CSS - 自动宽度浮动元素（可扩展浮动）

Question

我有两个并排的浮动柱。用户可以隐藏/折叠其中一个列。在这种情况下，我希望另一列扩展以适合整个容器。

这可能与 CSS 吗？

在简历中，可以使浮动扩展到其容器的大小吗？即使元素是浮动的，如果它有 width:auto 它应该扩展。至少这是我认为它应该工作的方式。

Answer 1

Nup，我认为接受的答案实际上并不奏效。我只是在尝试同样的事情，这就是解决方案......

.left { 
    float: left;
}
.right {
    overflow: hidden;
    /* don't float this one */
}

在这里玩代码：http: //jsfiddle.net/simoneast/qPHgR/2/

Answer 2

为浮点元素设置overflow:auto; height:auto;:)

Answer 3

如果您的左列具有隐式大小，例如 250 像素，并且您的右列仅浮动且没有设置大小，则它应该在左列折叠时填充容器。代码如下：

#leftcol{
width:250px;
float:left;
clear:none;
}

#rightcol{
float:left;
overflow:hidden;
width:auto; /* This may or may not work */
}