title: How to make a div full screen and scrollable?
body: <p>With absolute, it scrolls but doesn't get 100% in height:</p>
  
  <pre><code>.class {
   position: absolute;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   height: 100%;
   width: 100%;
   z-index: 1000000;
   background: rgba(0, 0, 0, 0.9);
  }
  </code></pre>
  
  <p>With fixed, it gets 100% in height but doesn't scroll</p>
  
  <pre><code>.class {
   position: fixed;
   left: 0;
   top: 0;
   height: 100%;
   width: 100%;
   z-index: 1000000;
   background: rgba(0, 0, 0, 0.9);
  }
  </code></pre>
  
  <p>I would like to avoid adding a fixed heigth to the child element and make it <code>overflow: scroll</code></p>