Flexbox er en layout model designet for Responsive Web Design.
1
Flexbox består af flex containers som indeholder en eller flere flex items.
For at lave en flex container, brug: display:flex;
Alt udenfor en flex container og indenfor flex items vises som normalt.
Nogle eksempler med default flex-indstillinger: her er der ikke brugt andre flexbox indstillinger end display:flex;



Eksempel 1: tre divs hvor indholdet har samme størrelse, og fylder containeren ud.
De bliver automatisk fordelt ligeligt.
Eksempel 2: divs med forskellige mængder tekstindhold.
De bliver fordelt så de fylder containeren, med deres bredde justeret for at give samme højde.



Eksempel 3: når indholdet er billeder med forskellige størrelser, og ikke fylder ud:
Divs bliver fordelt i forhold til bredden, og får stadig samme højde.

Eksempel 4: divs med blandet indhold.
De bliver fordelt så de fylder containeren, med samme højde.