動態但內斂的元素寬度？

Question

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

藍色div應占用綠色和紫色div之間的空間。我不知道綠色div的寬度，但隨着它變大，藍色的寬度應該變小。

編輯：我想這樣做沒有表或JavaScript。

在這裏的例子（有表格，但只是爲了演示我的意思）：http://jsbin.com/upohag/2/edit，藍色矩形適合其他兩個之間緊貼。但是，一個問題是，左邊的矩形不佔用所有需要的空間。左矩形應該能夠完全展開。

Answer 1

您可以使用display: table-cell得到正確的自動調整大小的行爲：

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

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