可变大小的浮动 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 和 IE7 中不起作用。以下。

但检查一下它是否适用于所有浏览器：

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