Html 将div粘贴到其他div的底部（而不是窗口的底部）

所以我希望一个div总是在另一个div的底部。 我使用了底部：0，位置：绝对。只要窗口与主div的大小相同（也就是窗口的大小），此操作就有效，但主div设置了最小高度，当窗口小于此高度时，div开始随窗口底部向上移动。 垂直对齐也不适用于此目的，因为它将其粘贴到主div中其他div的底部，但这导致它不在主div的底部，这是我的目标

---

如何实现这一点？

您可以使用flexbox：

.parent{
宽度：50%；
高度：200px；
边框：1px纯灰；
保证金：1em自动；
显示器：flex；
弯曲方向：立柱；
对齐项目：居中；
}
.孩子{
宽度：60%；
高度：50px；
背景：丽贝卡紫；
页边顶部：自动；
}

---

根据我的理解，您需要确保div始终固定在div的底部，无论发生什么情况。在这种情况下，您需要做的就是确保父div具有position:relative，而子div具有position:absolute，并且绝对位于div的底部

屏幕大小不应该影响这一点，即使父div具有最小高度

但是如果我不在，如果你发布你的代码，我们可能会提供更好的帮助

HTML

CSS:

.家长{
位置：相对位置；
最小高度：--px
}
.孩子{
位置：绝对位置；
底部：0；
}

在父级

div

上使用

位置：相对
。与常规位置相同的问题：绝对；底部：0；粘贴到窗口底部（当窗口小于高度刻度时）而不是刻度。
<div class="parent">
    <div class="child"></div>
</div>

<style>
.parent {
    position: relative;
    min-height:--px
}
.child {
    position: absolute;
    bottom: 0;
}