Estoy tratando de configurar un menúdiv A con un contenedor de contenidodiv B Por debajo de eso. Ambos están anidados dentro de un padrediv C. Cuando el contenido dentrodiv B es más alto quediv B a continuación, debe aparecer una barra de desplazamiento endiv B.

.

El principal problema que estoy teniendo esdiv A tiene una altura desconocida y puede cambiar en cualquier momento a medida que se agrega y elimina contenido en tiempo de ejecución a través de JavaScript y me gustaríadiv B para llenar la altura principal restante mientras se mantiene la capacidad de desplazamiento de su contenido.

Estoy buscando una solución solo para CSS ya que la aplicación en la que estoy trabajando ya es JS pesada y deseo evitar agregar más hinchazón.

Una versión simplificada de mi problema:https://jsfiddle.net/uf3frdjv/