Ich habe zwei DIVs: Ein DIV ändert die Größe dynamisch basierend auf dem Browser (responsives Design) und der andere DIV soll seine Höhe basierend auf der Höhe des ersten DIV ändern. Ich dachte, der einfachste Weg, dies zu tun, wäre, JQuery zu verwenden, um die Höhe dynamisch zu ändern.

Ich habe folgendes versucht:

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

Dieser Code funktioniert jedoch nicht. Auch verschiedene andere Versionen davon funktionieren nicht.

Meine Frage lautet: Wie kann ich eine einzelne CSS-Eigenschaft ersetzen, ohne alle Eigenschaften für ein bestimmtes Element zu ändern?

EDIT: So wird der dynamische erste DIV codiert ...

Zuerst der Container des ersten DIV:

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

Dann das innere Objekt in diesem Container (möglicherweise nicht relevant):

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