CSS-Berechnung mit variabler Höhe ⇐ CSS

[Guest]

Ich habe zwei Divs übereinander gestapelt. Das obere Div enthält ein Akkordeonmenü und ist im vollständig erweiterten Zustand 300 Pixel hoch. Das CSS für das untere Div lautet:

height:calc(100vh - 300px)

Dies funktioniert hervorragend, wenn das Akkordeon im oberen Div vollständig erweitert ist – das untere Div füllt den Rest des vertikalen Raums des Ansichtsfensters aus.

Das Problem tritt auf wenn das Akkordeon in der oberen Div zusammenbricht. Jetzt ist das obere Div nur noch 50 Pixel groß, aber das CSS für das untere Div subtrahiert immer noch 300 Pixel von 100 Vh.

Ist es möglich, dass der Wert von 100 Vh subtrahiert wird? eine Variable statt eines festen Werts? Anstelle einer fest codierten Pixelmenge wird also die Höhe des oberen Divs subtrahiert.