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

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

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

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