在其父级底部附加元素(高度:自动),不含位置:绝对值

时间:2013-08-27 09:09:18

标签: html css

我希望创建一种讲台,里面有3列(1col.height< 2ndcol.height< 3dcol.height)。 由于它是一个讲台,所以两个柱都必须连接在容器的底部,这些容器存放它们。 这是我的大问题:列必须得到高度:auto。还有父容器。

并且,如果我使用着名的位置:绝对我的列,我不能依赖于我的父容器具有成功的高度:auto( - >列将不再是流程中的:()。

因此,我被困(因为我想避免使用Javascript)。 如果你有任何想法帮助我创建我的讲台显示器,我很有兴趣了解它:)

PS:我尝试过clearfix提示,但它们不适用于绝对元素。我在搜索时找到的其他解决方案并没有解决我的问题:/

谢谢!

1 个答案:

答案 0 :(得分:2)

如果您在列上使用display: inline-block; vertical-align: bottom;,它们将彼此相邻并从底部开始增长。

Se Fiddle for example