flex-box overlay demo

This page demonstrates the use of the flexible box model, absolute positioning, and translucent backgrounds.

Drag the bottom of the header or container to resize. When resizing, the bottom section should resize relative to the size of the header and the container, displaying a scrollbar as necessary.

Fixed Size Header Content
Scrolling content.
  • Item 1
  • Item 2
  • Item 3
  • Item 4
  • Item 5
  • Item 1
  • Item 2
  • Item 3
  • Item 4
  • Item 5
  • Item 1
  • Item 2
  • Item 3
  • Item 4
  • Item 5
  • Item 1
  • Item 2
  • Item 3
  • Item 4
  • Item 5
  • Item 1
  • Item 2
  • Item 3
  • Item 4
  • Item 5
  • Item 1
  • Item 2
  • Item 3
  • Item 4
  • Item 5