title: CSS Scrollbar appearance for overflow auto with max-height
body: <pre><code>     {
          overflow: auto;
           max-height: 100px;
       } 
  </code></pre>
  
  <p>With the above, the scroll bar appears for an empty list of items. It works fine without max-height but occupies space and the element after the scroll is pushed by the height. </p>
  
  <p>Any possible solution, so that the scroll bar appears only after the max-height is reached.</p>
  
  <p>Thanks</p>