CSS Div并排没有设置宽度

Question

我正试图让两个div并排显示如下：

• 第一个div显示在左侧float: left，占用了所需的空间。
• 第二个div出现在右侧float: right并占用剩余空间。

问题在于我没有为这些div设置width，所以他们只占用尽可能多的空间：jsFiddle

我找到了几个解决方案但是所有这些都需要为其中一个div设置宽度，这正是我想要避免的。任何可能的解决方案？

Answer 1

#left, #right { display: table-cell; }​
#left { white-space: nowrap; }

http://jsfiddle.net/CoryDanielson/LzREv/5/