Back to Serenity

FlexBox Tests

Base/res/html/misc/flex-2.html

latest697 B
Original Source

FlexBox Tests

This tests whether flex-box behaves well with unusual children.

The boxes are width and height 100px.

Row

Width unconstrained

With a position: absolute; child

1

Absolute

2

3

With a position: fixed; child

1

Fixed

2

3

With a position: relative; child

1

Relative

2

3

With a position: static; child

1

Static

2

3

With a position: sticky; child

1

Sticky

2

3

Width constrained

With a position: absolute; child

1

Absolute

2

3

With a position: fixed; child

1

Fixed

2

3

With a position: relative; child

1

Relative

2

3

With a position: static; child

1

Static

2

3

With a position: sticky; child

1

Sticky

2

3