title: How do I remove scroll from a nested div
body: <p>I am trying to fix my fixedDiv inside my Content div at the bottom, but when I am trying position as fixed and bottom as 0px, fixedDiv is going to the bottom of the entire body.</p>
  
  <p>Note - All divs height are dynamic so absolute will not work.
  Any solution will be much appreciated.</p>
  
  <p>My HTML code - </p>
  
  <pre><code> &lt;!DOCTYPE html&gt;
  &lt;html&gt;
  
    &lt;head&gt;
      &lt;link rel="stylesheet" href="style.css"&gt;
      &lt;script src="script.js"&gt;&lt;/script&gt;
    &lt;/head&gt;
  
    &lt;body&gt;
      &lt;div class = "completeBody"&gt;
        &lt;div class = "header"&gt;
        &lt;/div&gt;
        &lt;div class = "content"&gt;
          &lt;div class = "content1"&gt;
          &lt;/div&gt;
          &lt;div class = "content2"&gt;
          &lt;/div&gt;
          &lt;div class = "content3"&gt;
          &lt;/div&gt;
          &lt;div class = "fixedDiv"&gt;
            This should be fixed to bottom of Content Div.
            Note height of all divs are dynamic in %tage.
          &lt;/div&gt;
        &lt;/div&gt;
        &lt;div class = "footer"&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>
  
  <p>CSS code -</p>
  
  <pre><code>/* Styles go here */
  
  .completeBody
  {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
  }
  .header
  {
    height: 10%;
    width: 100%;
    background-color: red;
  }
  .content
  {
    height: 80%;
    margin: 20px;
    background-color: #efefef;
    border: 2px solid black;
    overflow: auto;
  }
  .footer
  {
    height: 10%;
    width: 100%;
    background-color: green;
  }
  .fixedDiv
  {
    position:fixed;
    bottom: 0px;
    background-color:yellow;
  }
  .content1
  {
    height:250px;
    background-color: #303030 ;
  }
  .content2
  {
    height:250px;
    background-color: #909090 ;
  }
  .content3
  {
    height:250px;
    background-color: #D0D0D0 ;
  }
  </code></pre>
  
  <p>Here is the link of Plunker -<a href="https://plnkr.co/edit/SEQ0Yur2Ybamcnu7dydz?p=preview" rel="nofollow noreferrer">https://plnkr.co/edit/SEQ0Yur2Ybamcnu7dydz?p=preview</a></p>