Question

标题问题说明了一切。基本上，我有一个绝对定位的div，在其中，我试图定位一个将坚持其底部的div。

使用position: fixed可以做我想做的事情。无论用户滚动浏览父级内容的溢出，Fixed都会产生一个始终位于屏幕底部的div。

关于如何做到这一点的任何输入都会很棒。

这是你们可以用来玩弄的小提琴：http://jsfiddle.net/y48kB/

Answer 1

只需在孩子中添加绝对位置：http://jsfiddle.net/bUjbv/

#absoluteParent{
    width:400px;
    height:400px;
    background:crimson;
    position:absolute;
}

#stickToBottom{
    position: absolute;
    background:green;
    width: 100%;
    height:30px;
    bottom:0px;
}

Answer 2

这可能是最佳做法http://jsfiddle.net/y48kB/4/

<div id="absoluteParent">
  <div class="relativeDiv">
    <div id="stickToBottom">
    </div>
  </div>
</div>

#absoluteParent{
    width:400px;
    height:400px;
    background:crimson;
    position:absolute;
}
.relativeDiv {
    position: relative; width:400px; height: 400px;
}
#stickToBottom{
    background:green;
    width: 100%;
    height:30px;
    position: absolute;
    bottom:0px;
}

我如何让一个绝对定位的div的孩子到它的绝对定位父母的底部？

2 个答案: