Ich habe ein div, das ich die folgenden Eigenschaften haben möchte:

Breite = 50% des übergeordneten ElementsDie Höhe entspricht der Größe, die erforderlich ist, um ein bestimmtes Seitenverhältnis beizubehalten.

Ich muss Prozentsätze verwenden, da die Größe des Objekts von links nach rechts geändert wird, wenn die Größe des Browsers geändert wird. Ich möchte, dass die Größe des Objekts von oben nach unten geändert wird, um sicherzustellen, dass das Objekt das gleiche Seitenverhältnis beibehält.

Ich glaube, es gibt keine Möglichkeit, dazu reines CSS zu verwenden, aber kennt jemand einen Weg? Alternativ gibt es eine einfache JavaScript-Methode, um dies zu tun? (JQuery ist in Ordnung.)