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

Question

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

这可以用CSS吗？

在简历中，可以将浮动扩展到容器的大小吗？ 即使元素是浮动的，如果它有宽度：auto它应该展开。至少这种方式我认为应该有效。

Answer 1

Nup，我不认为接受的答案确实有效。我只是尝试了同样的事情，这就是解决方案......

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

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

Answer 2

为floatet元素设置overflow:auto; height:auto; ：）

Answer 3

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

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

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