可变大小的浮动div

Question

我有3个div全部漂浮在左边。我想将第二个div和第三个div设置为特定的大小（基于像素或百分比），并将第一个div设置为简单地占用剩余的空间。

此外，在运行时，根据用户的权限，可能不会显示特定大小的div之一。我需要第一个div来占用剩下的空间。

我该怎么做？

Answer 1

您可以将display：table属性用于：

.parent{
    width:100%;
    display:table;
}
.fill{
    border: 3px solid green;
    display:table-cell;
}
.fixed{
    width: 100px;
    border: 3px solid blue;
    display:table-cell;
}

http://jsfiddle.net/WVDNe/8/

这在IE7＆amp;下方。

但请检查一下它在所有浏览器中的作用：

http://jsfiddle.net/LJGWY/3/