底部有一个街区，另一个位于顶部

Question

另一个div内有2个div。第一个div必须位于顶部，第二个div应位于底部。父div的高度可能会改变，顶部div的高度也可能会改变。知道这一点，我怎样才能将第二个块放在底部？ 所以我有这样的事情：

<div id="parentdiv">
<div id="div1" style="width:100px;height:100px;">top div</div>
<div id="div2" style="width:100px;height:100px;">bottom div</div>
</div>

但是，parentdiv的高度可能会改变，而div2必须保持在底部。

Answer 1

Live Demo

• 如果您知道父级的高度始终至少是两个子元素组合的高度，则此方法很有效。否则，this happens。
• Read this了解其运作方式。

<强> CSS：

#parentdiv {
    position: relative;
    height: 300px;
    background: #ccc
}
#div1, #div2 {
    position: absolute;
    left: 0;
    outline: 1px solid red
}
#div1 {
    top: 0
}
#div2 {
    bottom: 0
}