定位DIV /拉伸容器？

Question

无论如何设置公共div在页面底部的位置，而不是将其从容器中推出，而不设置容器的高度，绝对不将其位置设置为绝对值？

我的意思是，我想在页面底部设置一个div（alpha），但是它包含在另一个div（beta）中，我想知道是否有＃div任何方式将alpha降低并使其达到底部允许beta继续包含他？

这是我的情况

<div class="beta">
    <tons of divs></tons of divs>
    <div class="alpha"></div>
</div>

这就是我想获得的http://codepen.io/anon/pen/BNYVZE

但未设置：

• beta显示为flex;
• beta height;

任何帮助都会非常感激＆gt;。＆lt;

Answer 1

理论上，您可以在margin-top: (whateveryoulike)vh元素上设置.alpha，例如此处http://codepen.io/rokki_balboa/pen/rVJKJy，
但最佳做法是在position: relative;上.beta和position: absolute; bottom: 0;上的.alpha设置

。