Позиционирование DIVs/растягивающих контейнеров?

Question

В любом случае, чтобы установить положение общего div в нижней части страницы, не выталкивая его из контейнера, не устанавливая высоту контейнера и абсолютно не устанавливая его положение на абсолютное?

Я имею в виду, я хотел бы установить div (альфа) в нижней части страницы, но он содержится в другом div (бета), и мне было интересно, есть ли способ нажать альфа и сделать это достичь дна, позволяя бета-версии продолжать его содержать?

это моя ситуация

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

и это то, что я хотел бы получить http://codepen.io/anon/pen/BNYVZE

, но без установки:

• бета-дисплей сгибать;
• бета высота;

любая помощь будет очень признательна>. <

Answer 1

Теоретически вы можете установить margin-top: (whateveryoulike)vh на вашем .alpha элемент
как здесь http://codepen.io/rokki_balboa/pen/rVJKJy,
но лучшая практика будет установлен position: relative; на .beta и position: absolute; bottom: 0; на .alpha

.