html - 如何让div元素从下往上垂直堆叠？

Question

我试图将 2 个 div 堆叠在一起(即从下到上)。底部的具有动态高度，我希望顶部的 div 相应地堆叠在其上。

我希望它们从 bottom: 0 开始。不是从上到下

Answer 1

如果你正在寻找一个纯CSS 解决方案。

如果一个元素具有固定大小(例如图像，不推荐用于文本元素)，您可以使用绝对定位:

http://jsfiddle.net/wHDWP/

.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 重新排列元素。