Überlauf-y funktioniert nicht, wenn Überlauf-x ausgeblendet ist?

9

Ich habe ein DIV, das mehrere andere divs enthält. Ich brauche Divs, um vertikal, aber nicht horizontal, aus dem Elternbereich herausschauen zu können.

Ich dachte, mit overflow-x und overflow-y würde dieses kleine Problem gelöst, aber ich kann entweder nur x und y anzeigen lassen oder sie beide verstecken lassen.

Mein CSS und HTML:

%Vor% %Vor%

Siehe dieses JSFiddle: Beide untergeordneten divs werden abgeschnitten, obwohl overflow-y auf visible gesetzt ist.

    
Kokodoko 25.11.2013, 15:15
quelle

2 Antworten

4

Strukturelle Änderung erforderlich

Das bekommt, was Sie wollen, wenn es anders funktioniert (ich weiß nicht, ob sich die html / css-Änderungen auf andere Aspekte Ihres Spiels auswirken). Es löst es, indem es das "Spiel" so schichtet, dass seine vertikale Richtung den gesamten Bildschirm ausfüllt, und dann wird Ihr "Fenster" (grauer Bereich) von einem Kind-Div gesetzt. Dies erlaubt die overflow: hidden horizontal, aber nicht vertikal.

Siehe Geige.

HTML

%Vor%

CSS

%Vor%     
ScottS 25.11.2013, 15:55
quelle
-1

try Ändern Sie Ihre Spielklasse in

%Vor%

Danke, Dhiraj

    
powercoder23 25.11.2013 15:30
quelle

Tags und Links