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%;