CSS-расчет с переменной высотой ⇐ CSS

[Anonymous]

У меня есть два элемента div, расположенные друг над другом. Верхний элемент div содержит меню-аккордеон, а его высота в полностью развернутом виде составляет 300 пикселей. CSS для нижнего div:

height:calc(100vh - 300px)

Это отлично работает, когда аккордеон в верхнем элементе div полностью развернут — нижний элемент управления заполняет остальную часть вертикального пространства области просмотра.

Проблема возникает. когда аккордеон в верхнем div сворачивается. Теперь верхний элемент div имеет высоту всего 50 пикселей, но CSS для нижнего элемента все еще вычитает 300 пикселей из 100vh.

Можно ли вычесть значение из 100vh? переменная вместо фиксированного значения? Таким образом, вместо жестко запрограммированного количества пикселей вычитается высота верхнего элемента div.

Подробнее здесь: https://stackoverflow.com/questions/403 ... ble-height