如何堆叠两个动态大小的块并排？

Question

如果我有两个具有动态宽度/高度的块，是否有办法将它们排列在具有固定宽度的父元素内？

参见：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/