2015-07-02 71 views
-1

是否有设置页面底部普通div的位置,而不会将其推出容器,没有设置容器的高度,并且绝对不会将其位置设置为绝对位置?定位DIV /拉伸容器?

我的意思是,我想设置一个div(alpha)到页面的底部,但它包含在另一个div(beta)中,我想知道是否有任何方法来推动alpha并使它达到底部允许测试版继续包含他?

这是我的情况

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

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

,但没有设置什么:

  • 测试显示弯曲;
  • 贝塔高度;

任何帮助将不胜感激>。 <

回答

0

理论上你可以设置你.alpha元素
margin-top: (whateveryoulike)vh喜欢这里http://codepen.io/rokki_balboa/pen/rVJKJy
但最好的做法上.betaposition: absolute; bottom: 0;.alpha

设置position: relative;

+0

可能值得在回答之前找出好的做法! –