title: Body does not extend to very end of the page?
body: <p>I have a footer in my website, and I have some text in this footer which I would like to align at the bottom right of the page.</p>
  
  <p>The footer looks like this:</p>
  
  <pre><code>  &lt;div class="container-fluid"&gt;
        &lt;div class="row copyright-container col-md-10 col-md-offset-1"&gt;
          &lt;div class="copyright"&gt;
            &lt;p&gt;&amp;copy; Some Copyright Stuff 2011 - 2020&lt;/p&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>My SCSS looks like this</p>
  
  <pre><code>.copyright {
        bottom: 0;
        right:0;
      }
  </code></pre>
  
  <p>I just want to align the thing at the very bottom right. It kind of does that, but my body does not seem to extend to the very end of the page, but I dont know why.</p>
  
  <p>I have tried to give my body a height of 100%, but this also didnt help (<code>&lt;body style="height:100%;"&gt;</code>). I tried the same for my html. </p>
  
  <p>My snippet looks like this. As you can see everything works, but on my computer the body is just ending at 2/3 of the page. Why could this be?</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>.copyright {
        position: absolute;
        bottom: 0;
        right:0;
   }
   
   .bg {
   background-color: black;
   }
   
   </code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;html&gt;
  &lt;body&gt;
  
  &lt;div class="container-fluid"&gt;
      &lt;div class="row copyright-container col-md-10 col-md-offset-1"&gt;
        &lt;div class="copyright"&gt;
          &lt;p&gt; Some Copyright 2011 - 2020&lt;/p&gt;
        &lt;/div&gt;
    &lt;/div&gt;
    &lt;/div&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>