DIV DIV заполняет оставшуюся высоту прокручиваемым содержимым

Я пытаюсь настроить менюdiv A с контейнером содержимогоdiv B под этим. Они оба вложены в родительскийdiv C, Когда содержимое внутриdiv B выше чемdiv B сама тогда полоса прокрутки должна появиться наdiv B.

.

Основная проблема, с которой я столкнулсяdiv A имеет неизвестную высоту и может измениться в любое время, так как контент добавляется и удаляется во время выполнения с помощью JavaScript, и я хотел быdiv B заполнить оставшуюся родительскую высоту, сохраняя возможность прокрутки его содержимого.

Я ищу решение только для CSS, так как приложение, над которым я работаю, уже JS тяжелое, и я хочу избегать добавления раздувания.

Упрощенная версия моей проблемы:https://jsfiddle.net/uf3frdjv/

Ответы на вопрос(3)

Ваш ответ на вопрос