title: Div with max-height: 200px; overflow: auto; Possible ?
body: <p>Having a Div to show vertical list of images in <code>Scroll-able div</code>. </p>
  
  <pre><code> &lt;div id="sd" align="center"  style=" max-height: 200px; overflow: auto; " &gt;
  
        &lt;li&gt;&lt;img src="1.jpg" .....
        &lt;li&gt;&lt;img src="1.jpg" .....
        &lt;li&gt;&lt;img src="1.jpg" .....
        &lt;li&gt;&lt;img src="1.jpg" .....
        &lt;li&gt;&lt;img src="1.jpg" .....
        &lt;li&gt;&lt;img src="1.jpg" .....
  
        ...
        ...
  
  
   &lt;/div&gt;
  </code></pre>
  
  <p>I want that this div auto adjust its height as we change the height of Browser or open it on different screen sizes without loosing scroll bars  ,  <code>max-height: 100%;</code> not working here </p>