CSS：下に要素を整列する問題

Question

要素を垂直に整列する際にCSSに関する質問があります。

このURLをご覧ください： http://leisureonly.com/gravedigger/grow-up [Possibly NSFW]

をあなたは右側にサイドバーを見ると、一番下の墓掘り "と言っ画像とブロックがあります。このブロックをサイドバーの一番下に揃えたい

私はdivでラッピングしてgrave-digger要素にvertical-align：bottomを適用しようとしましたが、これは望ましい結果を提供しません。 これを行う正しい方法は何ですか？このような

Answer 1

まあを、sidebar_gravediggerはside_barの一番下にあるから始まるので、最初の問題は、サイドバーが長いということであるということです。その要素をコンテナの下部（side_barの親コンテナ）に配置したい場合は、次のようにすることをお勧めします。

.sidebar_gravedigger { 
    position: absolute; 
    bottom: 20px; /*container padding*/ 
} 

#sidebar { 
    padding-bottom: 500px; /*when the content is short, gravedigger won't be over the bar content.*/ 
} 

.container{ 
    position: relative; 
} 

Answer 2

何かが役立つかもしれない：

.sidebar { 
    position: relative; 
    height: 100%; 
} 

.module { 
    position: absolute; 
    bottom: 0; 
}