Kind ist größer als Eltern mit maximaler Körpergröße. Überlauf hat keine Auswirkung

8

Ich möchte ein Elternelement mit einer maximalen Höhe und ein Kindelement haben, das dieses Elternelement füllt. Wenn der Inhalt des Kindes den übergeordneten Wert überschreitet, sollte eine Bildlaufleiste angezeigt werden. Ich habe versucht, es so zu lösen:

HTML:

%Vor%

CSS:

%Vor%

Leider funktioniert das nicht wie erwartet. Das Kind wächst über die Eltern.

Bitte beachten Sie, dass die Einstellung von overflow-y: auto auf PARENT keine Option ist, da vermutet wird, dass sie andere Elemente enthält, die nicht gescrollt werden sollen. Es wird vermutet, dass das Kind den Platz füllt, der im Elternteil verbleibt. Weitere Informationen finden Sie unter Live-DEMO.

Live-Demo

    
tmuecksch 30.09.2013, 11:46
quelle

3 Antworten

4

Soweit ich weiß, gibt es keinen einfachen Weg, dies mit CSS zu tun. Im Wesentlichen bitten Sie den Browser, den verbleibenden Platz mit dem scrollbaren Element zu füllen. Sie können dies mit JavaScript tun (dieses Beispiel verwendet jQuery, weil ich faul bin):

%Vor%

Ссылка

    
Moob 30.09.2013, 12:03
quelle
0

Sie können versuchen, Flexbox zu verwenden.

%Vor%

Ich bin mir nicht sicher, ob das eine Art Hack ist. Aber es scheint dieses Problem zu lösen.

    
henning 01.10.2015 11:29
quelle
-2

Sieh dir das Geige

an %Vor%     
rajesh kakawat 30.09.2013 12:10
quelle

Tags und Links