1

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

而且,如果我使用著名的 position:absolute 作为我的列,我不能依赖让我的父容器具有成功的 height:auto (-> 列将不再出现在流程中:( )。

因此,我被困住了(因为我想避免使用 Javascript)。如果您有任何想法可以帮助我创建我的讲台展示,我很想知道它:)

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

谢谢 !

4

1 回答 1

2

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

例如 Se Fiddle

于 2013-08-27T09:17:40.713 回答