XieLong: Quadratischer Block mit relativer Höhe und abgeleiteter Breite

Beitrag lesen

Gibt es eine Möglichkeit mit CSS einem Block dieselbe Breite wie Höhe zu zuweisen - wobei die Höhe als prozentualer Wert des Elternelements angegeben ist.
Beispiel: Ein DIV mit Höhe 500px (und unbekannter Breite) enthält ein weiteres DIV mit 50% Höhe (entspricht also 250px). Nun sollte das zweite DIV auch eine Breite von 250px haben.
Wie würde eine CSS Notation lauten, die diese 250px automatisch ermittelt (weil zB nicht immer genau klar ist wie hoch das Elternelement ist oder dieses selbst wie eine prozentuale Höhenangabe verwendet).

Danke für Ratschläge,
XieLong