Tach!

Aber: Das funktioniert nicht. Der Browser (Chrome und Firefox) vergrößert statt dessen den 1. Streifen, so dass alle li sichtbar werden. Wenn die 100vh des body nicht ausreichen, macht er ihn auch höher (und erzeugt den Scrollbar, den ich nicht will)

Die Einheit fr verteilt nur den "remaining" Platz. Bei mehreren Elementen mit jeweils 1fr bekommen alle Elemente erstmal den Platz, den sie brauchen. Der Rest, wenn noch welcher übrig ist, wird dann aufgeteilt. Zum Beispiel bei drei Elementen ist das eine größer als ein Drittel, dann bekommen die anderen beiden den eventuell verbleibenden Rest, so dass sie gleich groß werden.

Für eine generell gleiche Verteilung des Platzes muss man den Elementen im Grid das overflow auf hidden oder auto setzen, zumindest demjenigen, das zu groß werden kann.

dedlfix.