展開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

我嘗試了幾種解決這個問題的方法，我的結論是它不可能。

Answer 2

我不知道爲什麼左欄是靈活的，但在這種情況下，我不認爲你會沒有任何運氣，沒有JavaScript。