Problem mit flex-box und margin

[Gunnar Bittersmann]

@@Regina Schlauklug

Wenn ich in meinem Chrome bei diesem Beispiel ganz nach rechts scrolle, ist kein Abstand zwischen der letzten orangen box und dem browserrand, obwohl das Element ein margin von 10px hat. Warum?

Browser scheinen sich so zu verhalten, dass sie nur so weit nach rechts scrollen, wie es der Inhalt erfordert …

Dem ul ein padding von 10px zu geben sorgt immer noch für keinen Abstand zwischen oranger box und browserrand.

… nicht padding, auch nicht border.

Was geht: Inhalt einfügen: ul::after { content: '\a0'; width: 10px }. NBSP U+00A0 tut es; einfaches Leerzeichen U+0020 nicht.

LLAP 🖖