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

Question

这个问题基本上是Expand div to take remaining width的一个分支，有一个至关重要的区别：我希望列具有不同的源和显示顺序。

来源订单：

<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

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