Flexbox and vertical scroll in a full-height app using newer Flexbox API with HTML

The flex property is a shorthand for the flex-grow, flex-shrink, and flex-basis properties. The flex property sets the flexible length on flexible items.

For example −

#container article {
   -webkit-flex: 1 1 auto;
   overflow-y: auto;
   height: 0px; /*here the height is set to 0px*/
}

If you want a min-height, the use height: 100px; that it is exactly the same as − min-height: 100px;

#container article {
   -webkit-flex: 1 1 auto;
   overflow-y: auto;
   height: 100px; /*here the height is set to 100px*/
}

Chandu yadav

e

Updated on: 24-Jun-2020

412 Views

Kickstart Your Career

Get certified by completing the course

Get Started