Hallo,
Erstes Beispiel ul-Liste:
Keine Breite der items (li) angegeben - items werde so breit wie ihr Inhalt - items haben genügend Platz sich horizontal zu verteilen
Erstes Beispiel div:
Breite der items (div) jeweils 20% - bleiben 20% für die items um sich horizontal zu verteilen
Zweites Beispiel:
items (li) haben eine Breite von jeweils 200px - macht bei 10 items 2000px - Breite des übergeordneten Containers 900px - items müssen schrumpfen und füllen den gesamten Container aus - flexbox funktioniert, items haben aber keinen Platz sich zu verteilen
Zusatzinfo, hat nichts mit deinem Problem zu tun:
flex-item: flex-start;
flex-item gibt es nicht als Attribut. Falls du flex meinst gibt es dafür keinen Wert flex-start
Gruss
MrMurphy