【问题标题】:Positioning DIVs/ stretching containers?定位DIV/拉伸容器?
【发布时间】:2015-09-20 12:42:31
【问题描述】:

是否可以在页面底部设置公共 div 的位置,而不将其推出容器,不设置容器的高度,并且绝对不将其位置设置为绝对?

我的意思是,我想在页面底部设置一个 div(alpha),但它包含在另一个 div(beta) 中,我想知道是否有任何方法可以将 alpha 向下推并使其达到底部允许 beta 继续包含他吗?

这是我的情况

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

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

但是没有设置:

  • 测试版显示可弯曲;
  • beta 高度;

任何帮助将不胜感激>.

【问题讨论】:

    标签: html css position height


    【解决方案1】:

    理论上你可以在你的.alpha元素上设置margin-top: (whateveryoulike)vh
    就像这里http://codepen.io/rokki_balboa/pen/rVJKJy
    但最佳做法是在.beta 上设置position: relative; 和在.alpha 上设置position: absolute; bottom: 0;

    【讨论】:

    • 可能值得在回答之前找出什么是好的做法!
    猜你喜欢
    • 2012-03-21
    • 1970-01-01
    • 2023-03-11
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多