Css 是否可以将多个div与父div的底部对齐，但不使用绝对位置？

我有一个有很多孩子的div。我希望最后N个子div在底部相互叠加。所以，我们的想法是，最后一个会一直在底部，之前的一个会在它上面，等等

我意识到我完全可以定位它们，但是我必须使用javascript手动将它们从底部移开（将bottom属性设置为它们的高度*它们的相反顺序）。我希望有一个直接的CSS方法来完成这项任务，但我没有看到它

---

欢迎所有帮助。

将子div包装到另一个绝对位于底部的div中，然后它们应该正常地堆叠在该div中

---

示例：

非常简单。。。我应该想到的。。。非常好，谢谢。肯定有用。但我也在同一条船上——我担心，根据内容的不同，这不会很好地扩展。拿着这把小提琴，把窗户弄得很小。这些盒子最终会重叠。在大多数情况下，这不会是一个问题，但假设您的客户在CMS后端将h2从“联系我们”更改为“联系我们的一位代表”。h2在变大后会做一些您无法解释的事情，特别是对于任何固定大小的div。目前为止，这是最好的答案。投票表决。但是，我仍然认为有一些方法可以将div放在基线上，并将其保留在页面流中。。。但也许我必须对CSS完美地处理98%的事情感到满意。通常，我只是有一个我想要支持的最小高度/宽度（通常类似于320x480），并为某个包装父级设置一个最小宽度，以确保始终满足这些最小值。如果你担心你的设计打破小尺寸，你应该考虑查看CSS媒体查询，让你动态地改变基于当前窗口大小的样式。