Anzeige: Flex verliert richtiges Padding beim Überlaufen?

8

Ich habe ein Problem mit einer CSS3-Flexbox.

Wenn ich das flexbox Element auf overflow setze und einen min-width Wert für die Kinder festlege, ist die richtige Füllung auf dem Elternteil verloren? Dies ist für alle unterstützenden Browser gleich.

Hier ist ein Beispiel für den Fehler. Wenn Sie nach rechts neben dem Container blättern, sehen Sie, dass das letzte Kind hart gegen den rechten Rand des Containers steht, anstatt den Füllwert zu berücksichtigen.

%Vor% %Vor%

Weiß jemand, warum das so ist und wie ich es korrigieren würde? Ich habe mit padding und margin Werte in verschiedenen Kombinationen ohne Erfolg herumgespielt.

    
Chris Spittles 12.11.2014, 13:42
quelle

1 Antwort

13

Sie müssen eine weitere Umbruchschicht hinzufügen, wenn Sie am Ende beide "overflow-x: auto" mit scrollbarem Padding haben möchten.

In etwa so:

%Vor% %Vor%
    
dholbert 12.11.2014, 17:28
quelle

Tags und Links