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

Question

我具有由一侧上的两个液浮collumns侧。用户可以隐藏/折叠该collumns之一。在这种情况下，我想其他collumn扩大以适应整个容器。

这是可能的CSS？

在简历，它能够使浮子扩展到它的容器的大小？ 即使元素是浮动的，如果它有宽度：汽车应该扩大。至少that's方式，我认为它应该工作。

Answer 1

如果你的左边栏有一个隐含的大小，说250像素，和你的右列只有一个没有设置大小浮动，那么当左边栏是折叠应该填充容器。代码将如下所示：

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

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

Answer 2

N up个，我不认为接受的答案实际工作。我只是尝试了同样的事情，这是解决方案...

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

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

Answer 3

有floatet元件组overflow:auto; height:auto; ：）