Ich habe ein div, das viele ungeordnete Listen (ul) einkapselt. Ich habe jede ul auf "float: left" gesetzt. Und ich habe auch das Eltern-Div, das sie enthält, auf "overflow-x: scroll" gesetzt. Was passiert, ist, dass die Zeilenumbrüche umgebrochen werden, wenn sie den Rand der Seite berühren und nicht Seite an Seite bleiben, um die Scroll-Eigenschaft des Eltern-Divs zu nutzen (die Bildlaufleisten sind dort). Warum? Wie kann ich das beheben?
Danke für jede Hilfe.
Da Sie die ULs floaten, existieren sie nicht mehr im Dokumentenfluss, sodass sie das Eltern-Div nicht erweitern (daher das Wrapping.)
Versuchen Sie, eine explizite Breite für das übergeordnete div festzulegen, sodass alle nebeneinander existieren können.
Auch wenn Sie die ULs im Eltern-Div nicht löschen, werden Sie wahrscheinlich auch dort Probleme haben, vertikale. Stellen Sie sicher, dass Sie Ihre Floats löschen:)
Sie müssen:
<li> ebenfalls float. <ul> eine feste Breite. <div> , genug, um alle Listen zu halten. Zum Beispiel:
%Vor%Testfall .
Tags und Links html css html-lists overflow css-float