Dies ist ein Beispiel für eine Webseite, die ein flexbox-Layout für die Anordnung ihrer Inhalte nutzt.

Der Inhaltsbereich in der Mitte passt sich zur Laufzeit dynamisch an die Größe des Browserfensters an. Er wird von einer Kopfzeile, einer Fußzeile und zwei Seitenleisten umschlossen.

Übersteigt die Textmenge im Zentrum den vorhandenen Raum, kann der Inhalt per Rollbalken ohne Verrutschen der umschließenden Bedienelemente durchgeblättert werden.

Dieses Verhalten kann über die folgende Seite ausprobiert werden:
Testseite mit umfangreichem Inhalt.

Das Beispiel besteht aus den Seiten
app-layout.html (diese Seite)
app-layout.css (CSS-Gestaltungsvorlage)