title: Absolute bottom position in scroll div?
body: <p><a href="https://jsfiddle.net/76gbfrah/" rel="noreferrer">Fiddle</a></p>
  
  <p>I wish to align my buttons to the base of the container so I use:</p>
  
  <pre><code>.buttons{
      position: absolute;
      bottom: 0;
  }
  </code></pre>
  
  <p>This is fine for when there is not much content (the pink div in the fiddle), but when there is a lot of content (the orange div in the fiddle), the container scrolls and the buttons are not at the bottom of the container.</p>
  
  <p>How can I have it so that the buttons are at the bottom of the container when it doesn't have a lot of content and they are at the bottom of the scroll (below the content) when there is a lot of content.</p>