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/