Quantcast
Viewing all articles
Browse latest Browse all 1314

Flexbox with fixed header and footer and scrollable content

I am trying to make a flexbox design work. I am not an HTML/CSS expert.

I have a flexbox design with a fixed header footer and content that occupies the rest of the available real estate on the page.

When I put data in the content area that is longer than that available space the content is scrolling. But I want to achieve a different thing.

I would like to have several divs (below each other) in the content area and each div should be as high as the content area (even if the content is small) so I have a kind of paging inside the content area.

For a couple of days, I have tried a lot and read a lot but can't get it working. How can I make a div inside the scrollable content area occupy the whole space (height)?


Viewing all articles
Browse latest Browse all 1314

Trending Articles