Apilando imágenes de abajo hacia arriba en div

Question

Digamos que tengo un contenedor div con un ancho y una altura fijos. Ahora, quiero agregar imágenes al contenedor, con imágenes apiladas una encima de la otra.

Si solo arreglo el ancho del contenedor y agrego imágenes en él, se acumularán de arriba a abajo. ¿Cómo puedo hacer que se acumulen de abajo hacia arriba?

Gracias

Answer 1

para que funcione en los navegadores modernos, se puede usar display: table-cell:

css

.container { 
    display: table-cell; 
    vertical-align: bottom; 
} 
.child { 
    display: inline-block; /* act like image */ 
} 

html

<div class="container"> 
    <div class="child"></div> 
    <div class="child"></div> 
    <div class="child"></div> 
    <div class="child"></div> 
</div> 

An example on jsfiddle.

Por cierto, eso solo los alinea en la parte inferior, todavía muestra el primer bloque en la parte superior ...