title: A div in absolute position outside the body
body: <p>I want to see only the half of my div at the end of my page. 
  I tried to apply a <code>bottom:-100px</code> or <code>margin-bottom:-100px</code> or <code>padding-bottom:-100px</code>, but nothing works.</p>
  
  <p>What can I do? </p>
  
  <p><strong>Here's my JSFIDDLE : <a href="https://jsfiddle.net/cuxyrfh8/6/" rel="nofollow">https://jsfiddle.net/cuxyrfh8/6/</a></strong></p>
  
  <pre><code>div {
    background: pink;
    position: absolute;
    height: 200px;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    right: 0;
    width: 400px;
    border: 5px black solid;
    bottom:-100px;
  }
  </code></pre>