Html 将图元（高度：自动）附着到其父图元的底部，不带位置：绝对

我想创造一种讲台，里面有3根柱子（1col.height<2ndcol.height<3col.height）。 由于这是一个平台，两个柱子都必须固定在存放它们的容器的底部。 这是我的大问题：列必须有高度：自动。还有父容器

而且，如果我对我的列使用著名的position:absolute，我就不能指望我的父容器具有成功的高度：auto（->列将不再在流中：（）

因此，我被困住了（因为我想避免使用Javascript）。 如果你有什么想法可以帮我制作我的讲台展示，我很想知道：）

PS：我尝试了clearfix提示，但它们不能与绝对元素一起工作。我在搜索时找到的其他解决方案无法解决我的问题：/

---

谢谢大家!

如果使用

显示：内联块；垂直对齐：底部对齐在列上，它们将彼此相邻对齐，并从底部开始增长

小代码会更好……哎哟，我在其他主题中看到了这个解决方案，但我认为它只与文本有关。好吧，很抱歉我的主题，非常感谢您的回答：太好了！