Html 如何从下到上垂直堆叠div元素？

我试图将2

div

s堆叠在彼此的顶部（即从下至上）。 底部的那个有动态高度，我希望顶部的div被相应地堆叠在上面

---

我希望它们来自

底部：0

及以上。不是自上而下的

是块级元素。默认情况下，它们垂直堆叠。

如果您正在寻找纯CSS解决方案，则使用Flexbox CSS属性是按您所需的方式更改元素顺序的唯一方法（元素的源顺序与所需的显示顺序相反，元素具有动态大小）

如果一个元素具有固定大小（例如图像，不建议用于文本元素），则可以使用绝对定位：

---

如果您不顾一切，可以使用JS重新排列元素。

这是答案还是评论？；）@外星人先生：这是一个答案。我不是在问OP一个问题，我是在陈述一个事实。你可以使用flexbox。这取决于您对broswer支持的关注程度。据我所知，这是html5。。。不幸的是，在那种情况下，这是不可能的。不可以。有什么原因不能更改标记中元素的顺序吗？

.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;
}