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 に答える