动态而有限的元素宽度?

时间:2013-02-08 00:39:38

标签: html css

http://jsbin.com/upohag/1/edit

蓝色div应该占据绿色和紫色div之间的空间。我不知道绿色div的宽度,但随着它变大,蓝色的宽度应该变小。

编辑:我想在没有桌面或javascript的情况下这样做。

在这里的例子中(有表格,但只是为了证明我的意思):http://jsbin.com/upohag/2/edit,蓝色矩形紧贴其他两个。但是,一个问题是左边的矩形没有占用它所需的所有空间。左边的矩形应该能够完全展开。

1 个答案:

答案 0 :(得分:3)

您可以使用display: table-cell来获得正确的自动调整大小的行为:

.left{
  display:table-cell;
} 
.center{
  display:table-cell;
}
.right{
  display:table-cell;
  width: 200px;
}

演示:http://jsbin.com/upohag/12/edit