divの下部に画像を配置するにはどうすればよいですか？

Question

htmlイメージをdivタグの一番下にしたいです。私はこれを達成する方法を見つけることができないようです。

<div class="span8"> 
    <img src="/img/play-shot1.jpg" class="text-center shadow"> 
</div> 

問題はdiv要素は、パディングやマージンを持っている他のdiv内にネストされていることである。

は、ここに私のHTMLです。

Answer 1

その後、絶対にこのように、その中に画像を配置し、ラッピングdivタグに相対的な位置関係を追加します。

CSS：

.div-wrapper { 
    position: relative; 
    height: 300px; 
    width: 300px; 
} 

.div-wrapper img { 
    position: absolute; 
    left: 0; 
    bottom: 0; 
} 

はHTML：

<div class="div-wrapper"> 
    <img src="blah.png"/> 
</div> 

今画像がで座っていますdivの下部。