私はCSSに精通していますが、一日中解決策を見つけていません.
私は IE9+ を対象としており、JavaScript/jQuery ソリューションには興味がありません。(少なくとも、実行可能な CSS オプションを使い果たすまでは)
Web アプリの複雑な 2 列のレイアウトがあります。両方の列に動的コンテンツがあります。左の列は、スクロール バーなしでコンテンツに合わせて拡大する必要があります。右側の列には、アクセス可能にする必要がある非常に大きなコンテンツが含まれる可能性があるため、右側の列は個別にスクロールできる必要があります。問題は、ウィンドウの幅を超えるため、右側の列に 100% の幅を設定できないことです。通常はこれに対抗するために負の左マージンを設定しますが、左の列がどのくらいの幅になるかわからないため、ここではできません。ある種のハッキーdisplay: table-cell;が機能するのではないかと思いました (または、実際のテーブルを使用してあえぎます) が、残念ながら、その方法でも成功していません。JSFiddle の例。http://jsfiddle.net/nARqR/
一般的なユースケースのようです。
助言がありますか？ありがとう！