Child DIV fülle die verbleibende Höhe mit scrollbarem Inhalt

Ich versuche ein Menü einzurichtendiv A mit einem Inhaltscontainerdiv B darunter. Sie sind beide in einem übergeordneten @ verschachteldiv C. Wenn der Inhalt indiv B ist höher alsdiv B selbst dann muss eine Bildlaufleiste auf @ erscheindiv B.

.

Das Hauptproblem, das ich habe, istdiv A hat eine unbekannte Höhe und kann sich jederzeit ändern, wenn Inhalte zur Laufzeit über JavaScript hinzugefügt und entfernt werden. Ich möchtediv B, um die verbleibende übergeordnete Höhe zu füllen und gleichzeitig die Bildlauffähigkeit des Inhalts zu gewährleisten.

Ich bin auf der Suche nach einer reinen CSS-Lösung, da die Anwendung, an der ich arbeite, bereits JS-lastig ist und ich vermeiden möchte, mehr Aufblähung hinzuzufügen.

Eine vereinfachte Version meines Problems:https: //jsfiddle.net/uf3frdjv

Antworten auf die Frage(6)

Ihre Antwort auf die Frage