title: Make only certain section of the div as scrollable
body: <p>I have a query about CSS and I am having a hard time trying to figure it out. </p>
  
  <p>Here is the HTML: </p>
  
  <pre><code>&lt;div class='a'&gt;
        &lt;div class='b'&gt;
        &lt;/div&gt;
  
        &lt;div class='c'&gt;
        &lt;div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>For e.g. I have a div with a class 'a'. I want this entire div to be scrollable if it overflows. In addition, I want the div with the class 'c' to scroll, but I want the div with the class 'b' to remain fixed on the page. It should show up at the same location even if the scrolling is provided for other divs. </p>
  
  <p>Can someone let me know of a way, if there is one?</p>