如何在div底部放置圖像？

Question

我想一個HTML圖像與div標籤的底部齊平。我似乎無法找到一種方法來實現這一點。

這裏是我的HTML：

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

的問題是DIV嵌套在具有填充或利潤率其他的div內。

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的底部。