0

2列、2 divのレイアウトが必要です。左側は流動的な幅で、右側は固定幅です。これまでのところ良好です（以下のjsfiddleを参照してください）。ただし、右側の列の高さは、左側の列の高さに関連している必要があります。そのため、流動的な列にコンテンツがあり、ブラウザウィンドウのサイズを変更して、左側の列の高さを増減する場合、右側の列がそれに続き、同じ高さになるようにします。

私がこれまでに得たもの：http：//jsfiddle.net/henrikandersson/vnUdc/2/

編集：解決済み、以下のコメントを参照

4

3 に答える 3

0

ああ、昔の2列のレイアウト。JavaScriptを使用して一方の列の高さを追跡し、もう一方の列を調整する場合を除いて、期待どおりに実行することはできません。通常、height = "100％"を使用しても、これらの状況では機能しません。

あなたができることは、古いフェイクコラムのテクニックのようなものです。divのサイズは変更されませんが、親要素に垂直方向に並べて表示される背景画像があり、同じ列のように見えます。古い学校、はい、しかし効果的です。

于 2012-04-13T15:14:10.107 に答える
0

JavaScriptを使用して左側の高さを取得しdiv、右側divをこの高さに設定できます。

左のdivの高さを取得するには：

var divHeight = document.getElementById('left').offsetHeight;

右divの高さを設定するには：

document.getElementById('right').style.height = divHeight+'px';

JSFiddleの例が修正されました。

于 2012-04-13T15:36:34.280 に答える
0

だから、私は@thirtydotから私の質問への答えを得ました（上記のコメントを参照）：

IE7をサポートする必要がありますか？そうでない場合は、display：table-cellを使用できます

于 2012-07-08T09:11:59.810 に答える