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なしでそれをやっているとは思わないでしょう。