Html 将子div放在div框的底部

我需要将子文件夹div保持在childbox div的底部，就像一个页脚一样

保持在箱子底部
.parentbox{
宽度：500px；
高度：400px；
边框样式：实心；
文本对齐：居中；/*水平对齐内嵌（-block）元素*/
}
.parentbox:在{/*之前创建全高内联块伪元素*/
内容：''；
显示：内联块；
垂直对齐：中间；/*内联元素的垂直对齐*/
身高：100%；
}
.儿童箱{
显示：内联块；
垂直对齐：中间；/*内联元素的垂直对齐*/
填充物：5px；
边框：2件纯黑；
身高：40%
}

---

还需要保持文本“保持在框底”垂直对齐

试试这个jsfilddle，我想这就是您想要做的

HTML

<div class="parentbox">
<div class="childbox">
    <div id="subfooter">
    <div class = "footer">
    keep on bottom of box
    </div>
    </div>
</div>

<div class="parentbox">
    <div class="childbox">
        <div id="subfooter">
        keep on bottom of box
        </div>
    </div>


</div>

---

试一下。

HTML

<div class="parentbox">
<div class="childbox">
    <div id="subfooter">
    <div class = "footer">
    keep on bottom of box
    </div>
    </div>
</div>

<div class="parentbox">
    <div class="childbox">
        <div id="subfooter">
        keep on bottom of box
        </div>
    </div>


</div>

我已经试过了，你想要什么

我所做的就是添加

position: absolute;

到.parentbox，然后

position: absolute; bottom: 0;

到儿童箱

希望这有帮助。

你今天问的这个怎么样？

position: absolute; bottom: 0;