css: Make height of DIV to be at least the screen height

vendredi 10 juin 2016

The main content div #page-content-wrapper is shaded a light grey in color.

How can the height of this div be extended such that the bottom of this div is at the bottom of the screen? height: 100%; does not seem to work.

Content is growable to beyond 1 viewport height, forcing vertical scroll to be necessary.

CSS

#page-content-wrapper {
    width: 100%;
    position: absolute;
    padding: 15px;
    background: #ddd;
    height: 100%;
}

Bootply: http://www.bootply.com/kkrDITPGrO

css