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

私はこの問題に対していくつかのアプローチを試みましたが、私の結論はそれが不可能であるということです。

Answer 2

左側の列が柔軟な理由はわかりませんが、その場合、javascript なしではうまくいかないと思います。