Wie positioniere ich ein Bild an der Unterseite von div?

Question

Ich mag ein HTML-Bild bündig mit dem Boden eines div-Tages sein. Ich kann keinen Weg finden, dies zu erreichen.

Hier ist mein HTML:

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

Das Problem ist, dass die div in anderen divs, die Polsterung oder Ränder haben verschachtelt ist.

Answer 1

hinzufügen relative Positionierung auf dem DIV-Tag, dann positionieren absolut das Bild innerhalb es wie folgt aus:

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> 

nun das Bild sitzt an die Unterseite des div.