Fixierter Header mit Flexbox-Verfahren klappt nicht richtig

[MrMurphy1]

Hallo

Deine beiden CSS-Anweisungen funktionieren einzeln für sich, wenn jeweils overflow-y: scroll; mit angegeben ist. Der erste CSS-Vorschlag alleine erzeugt zwischen den Abschnitten grüne Hintergrundsfarbbalken (logisch, kein Problem).

Das verstehe ich nicht. Der Quellcode funktioniert so wie er ist, dann gibt es auch keine Lücken, bei der die grüne Hintergrundfarbe des div zu sehen ist.

Mein Hinweis sollte nur darauf hinweisen, das statt

      body>div {
         background: green;
         overflow-y: scroll;
         flex: 1 1 auto;
      }
      body>div {
         display: flex;
         flex-wrap: wrap;
      }

auch

      body>div {
         background: green;
         overflow-y: scroll;
         flex: 1 1 auto;
         display: flex;
         flex-wrap: wrap;
      }

geschrieben werden kann. Bis auf den background darf aber keine Anweisung entfernt werden.

Wenn du meinen Quellcode komplett übernimmst sollte eigentlich alles passen.

Gruss

MrMurphy