10

2 つの DIV があります。1 つの DIV はブラウザー (レスポンシブ デザイン) に基づいて動的にサイズを変更し、もう 1 つの DIV は最初の DIV の高さに基づいて高さを変更します。これを行う最も簡単な方法は、JQuery を使用して高さを動的に変更することだと思いました。

私は次のことを試しました:

$('section#div2').css({height:$(this).css('height').replace($('section#div1 div.div1_container').height()+'px')});

ただし、そのコードは機能しません。また、その機能の他のさまざまなバージョンもありません。

私の質問は: 特定の要素のすべてのプロパティを変更せずに、単一の CSS プロパティを置き換えるにはどうすればよいですか?

編集:これは、動的な最初の DIV のコーディング方法です...

まず、最初の DIV のコンテナー:

position: relative;
padding-bottom: 50%;
padding-top: 30px; height: 0; overflow: hidden;
margin:0 0.7em 0 0.7em;

次に、そのコンテナー内の内部オブジェクト (関連しない場合があります):

position:absolute;
top:0;
left:0;
width:100%;
height:100%;
4

2 に答える 2

8
$('section#div2').css('height', $('section#div1').height()+'px');
于 2012-06-06T02:32:35.753 に答える
2

これを使って:

$('section#div2').height($('section#div1').height());
于 2012-06-06T02:35:18.417 に答える