1

'right_col'と'left-col'の2つの列があり、どちらも背景色が異なります。問題は、左の列には動的なデータがあるため、常に変更され、右の列は静的です。左の列の高さが増加するたびに、背景もその範囲の高さに適用されますが、右の列には静的データがあります。左の列は一定ではないため、左の列の高さに応じて右の列の高さも増加するため、右の列に同じ高さを適用する必要があります。その程度まで適用し、問題ないようですが、どうすればよいですか？

4

3 に答える 3

2

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

.left,.right{
    display:table-cell;
}

このhttp://jsfiddle.net/7nSqX/を確認してください 。

IE8以降まで動作します。

于 2012-06-11T09:50:14.623 に答える
0

これにはさまざまなソリューションがあるため、いくつかの手法のこの優れた比較を読み直すことをお勧めします。ニーズに最も適したものを選択してください。

私は最後のもの ( 「オフセット列とコンテナー」 ) を選択します。これは、matthewjamestaylor.com のこの記事で説明されているのと同じアプローチです。

于 2012-06-11T09:44:09.080 に答える
0

これはjqueryで簡単にできます-

$(document).ready(function(){
    var left = $('#left_col'),
        right = $('#right_col'),
        left_height = left.css('height');
    right.css('height',left_height);
});
于 2012-06-11T09:51:19.363 に答える