如何將兩個動態大小的塊堆疊在一起？

Question

如果我有兩個動態寬度/高度的塊，有沒有辦法將它們排列在具有固定寬度的父元素內？

SEE：http://jsfiddle.net/QhEYB/

我想藍色/ DIV動態取決於紅色元件的尺寸，並沒有去衝下總是調整。換句話說，藍色塊是紅色旁邊的方形塊。

.wrap {width:600px; }/*static*/ 
.something {float:left; background:red; width:200px; height:100px;} /*dynamic width/height*/ 

.somethingelse { background:blue;} /*dynamic width/height and should always be next to .something*/ 

謝謝！

Answer 1

隨着使用display:table和display:table-cell，你應該能夠實現你想要的：

.wrap {width:600px; display:table; }/*static*/ 
.something {display:table-cell; background:red; width:200px; height:100px;} 
.somethingelse { background:blue; display:table-cell;} 

http://jsfiddle.net/QhEYB/3/