Is there a way to position a common div at the bottom of the page without forcing it out of its container, without specifying the container's height, and without setting its position to absolute?
I want to place a div (alpha) at the bottom of the page while keeping it contained within another div (beta). Is there a method to push alpha down to the bottom while still allowing beta to contain it?
This is the current setup:
<div class="beta">
<tons of divs></tons of divs>
<div class="alpha"></div>
</div>
And this is the desired outcome http://codepen.io/anon/pen/BNYVZE
However, I do not want to set:
- display property of beta to flex;
- height of beta;
Any assistance on how to achieve this would be greatly appreciated! >.<