Empiler les Divs de bas en haut

Question

Lorsque l'on ajoute div à un div avec une hauteur fixe, les divs enfants apparaîtront de haut en bas, en restant sur le bord supérieur.

 Child Div 1             
 Child Div 2             

J'essaie maintenant de les afficher de bas en haut comme ceci (en restant sur la bordure inférieure) :

 Child Div 1             
 Child Div 2             

 Child Div 1             
 Child Div 2             
 Child Div 3             

 Child Div 2           
 Child Div 3            
 Child Div 4            
 Child Div 5           
 Child Div 6           

Et ainsi de suite... J'espère que vous comprenez ce que je veux dire.

Est-ce que cela peut se faire simplement avec CSS (quelque chose comme vertical-align: bottom ) ? Ou dois-je bricoler quelque chose avec JavaScript ?

Answer 1

C'est simple lorsque vous utilisez position: absolute .

http://jsfiddle.net/XHeZj/

Answer 2

<div style="height: 500px;">
    <div style="height: 20px; position: absolute; bottom: 120px;">Child Div 1</div>
    <div style="height: 20px; position: absolute; bottom: 100px;">Child Div 2</div>
    <div style="height: 20px; position: absolute; bottom: 80px;">Child Div 3</div>
    <div style="height: 20px; position: absolute; bottom: 60px;">Child Div 4</div>
    <div style="height: 20px; position: absolute; bottom: 40px;">Child Div 5</div>
</div>