css - CSS Div并排没有设置宽度

Question

我试图让两个 div 并排出现，如下所示：

• 第一个 div 显示在左侧float: left，并根据需要占用尽可能多的空间。
• 第二个 div 出现在右侧float: right并占用剩余空间。

问题是我没有width为任何这些 div 设置集合，所以它们只占用尽可能多的空间：jsFiddle

我找到了几种解决方案，但它们都需要为其中一个 div 设置宽度，这是我试图避免的。任何可能的解决方案？

Answer 1

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

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