title: Page contents going inside another div that sits on footer
body: <p>Contents of the page are going inside another div that sits on the top of footer. Can someone please help me know how to make a fixed div to sits on top of the footer and the contents of the page should be scrollable</p>
  
  <pre><code>&lt;body&gt;
      &lt;header class="container-fluid"&gt;
      &lt;/header&gt;
      &lt;div id="fixWidth"&gt;
          &lt;h1&gt;hi how are u&lt;/h1&gt;
          &lt;h1&gt;hi how are u&lt;/h1&gt;
          &lt;h1&gt;hi how are u&lt;/h1&gt;
          &lt;h1&gt;hi how are u&lt;/h1&gt;
          &lt;h1&gt;hi how are u&lt;/h1&gt;
          &lt;h1&gt;hi how are u&lt;/h1&gt;
          &lt;h1&gt;hi how are u&lt;/h1&gt;
          &lt;h1&gt;hi how are u&lt;/h1&gt;&lt;h1&gt;hi how are u&lt;/h1&gt;
      &lt;/div&gt;
      &lt;div class="footer navbar-fixed-bottom"&gt;
          &lt;div class="container-fluid"&gt;
              &lt;h4&gt;This part of content Content should be fixed&lt;/h4&gt;
          &lt;/div&gt;
        &lt;footer class="container-fluid"&gt;
              &lt;div class="content"&gt;
                   &lt;p&gt;@copyright&lt;/p&gt;
               &lt;/div&gt;
        &lt;/footer&gt;
     &lt;/div&gt;
  &lt;/body&gt;
  </code></pre>