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