css - 扩展 div 以获取剩余宽度，具有良好的源顺序

Question

这个问题基本上是Expand div 取剩余宽度的一个分支，有一个关键的区别：我希望列具有不同的源和显示顺序。

来源顺序：

<div class="view">View</div>
<div class="tree">Tree</div>

显示顺序：

------------------
| Tree | View    |
------------------

限制：

• .tree具有可变宽度的内容；它应该缩小到它的内容，同时.view占据剩余的宽度。
• 列也将具有可变高度，因此没有负面margin-top欺骗的余地。

JSFiddle：http: //jsfiddle.net/UrXdw/

这可以在纯CSS中做到吗？目标浏览器是现代浏览器和 IE8+。

Answer 1

我不确定为什么左栏是灵活的，但在这种情况下，我认为如果没有 javascript，你不会有任何运气。

Answer 2

我尝试了几种方法来解决这个问题，我的结论是这是不可能的。