我希望创建一种讲台,里面有3列(1col.height< 2ndcol.height< 3dcol.height)。 由于它是一个讲台,所以两个柱都必须连接在容器的底部,这些容器存放它们。 这是我的大问题:列必须得到高度:auto。还有父容器。
并且,如果我使用着名的位置:绝对我的列,我不能依赖于我的父容器具有成功的高度:auto( - >列将不再是流程中的:()。
因此,我被困(因为我想避免使用Javascript)。 如果你有任何想法帮助我创建我的讲台显示器,我很有兴趣了解它:)
PS:我尝试过clearfix提示,但它们不适用于绝对元素。我在搜索时找到的其他解决方案并没有解决我的问题:/
谢谢!
答案 0 :(得分:2)
如果您在列上使用display: inline-block; vertical-align: bottom;
,它们将彼此相邻并从底部开始增长。