我试图将 2 个 div
堆叠在一起(即从下到上)。
底部的具有动态高度,我希望顶部的 div 相应地堆叠在其上。
我希望它们从 bottom: 0
开始。不是从上到下
最佳答案
如果你正在寻找一个纯CSS 解决方案。
如果一个元素具有固定大小(例如图像,不推荐用于文本元素),您可以使用绝对定位:
.container {
position: relative;
}
.top {
border: 1px solid red;
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 1.5em;
}
.bottom {
border: 1px solid blue;
padding-bottom: 1.5em;
}
如果你不顾一切,你可以使用 JS 重新排列元素。
关于html - 如何让div元素从下往上垂直堆叠?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14033638/