2

CSSだけを使用して、右のdivを左のdivの高さにサイズ変更することは可能ですか？
私の例

私は次のようなjQueryアプローチを試しました：

$(document).ready(function () {
   $("#right").css("height", $("#left").height());
});

左側のdivにコンテンツを動的にロードしていて、jQueryアプローチで高さが誤って計算されることがあるため、このアプローチはうまく機能していません。

私も正しいdivを試しheight:100%ましたが、うまくいきませんでした。

4

2 に答える 2

4

これには、display:tableプロパティを使用できます。次のように書きます。

#left{
    margin-right: 15px;
    width: 425px;
    background-color:#11DD52;
}

#right{
    width:200px;
    background-color:#4477AA;
}
#left, #right{
  display:table-cell;
}

これをチェックしてくださいhttp://jsfiddle.net/ZZBM5/

于 2012-10-23T08:50:13.620 に答える
0

編集:ハックなやり方が好きなら、@sandeep がこの素晴らしい回避策を作成しました。

このすばらしい jQuery サイズ変更プラグインを使用することになりました。簡単な CSS ソリューションがあることを望んでいましたが、上記のコメントのいくつかの回答により、ブラウザーの互換性に関する追加の問題が発生します。
これは私がやったことです： 

$("#left").resize(function () {
    $("#right").css("height", $(this).height());
});
于 2012-10-23T09:18:40.930 に答える