Positionner une DIV à l'intérieur d'une autre DIV vers le bas

Question

J'essaie de positionner une DIV à l'intérieur d'une autre DIV sur sa partie inférieure.

Lorsque je règle la hauteur des divs externes à une certaine hauteur absolue (c'est-à-dire 100px), cela fonctionne correctement. Quand il est défini sur des pourcentages ou n'est pas défini du tout, je ne peux pas le positionner.

Voici mon CSS:

#left_pane 
{ 
    float: left; 
    margin-left: 21px; 
    position: relative; 
} 

#bottom_pic_wrapper 
{ 
    position: absolute; 
    bottom: 0; 
} 

le #bottom_pic_wrapper est à l'intérieur de #left_pane et devrait être aligné sur le fond.

Des idées pour lesquelles cela ne fonctionnera pas pour moi?

Merci :)

Answer 1

j'ai fait un exemple ici jsFiddle, si utile pour vous

http://jsfiddle.net/RJXez/

laissez-moi savoir si vous avez besoin d'autre chose

Le code suivant devrait vous aider à positionner en bas toujours

var parentOffset = $('#div').offset(); 
    var parentsHeight= $('#div').height(); 
    var childsTopPostion= (parentOffset.top+parentsHeight) - heightOfchildDiv 

    $('#childdiv').css('top',childsTopPostion); 
    $('#childdiv').css('left',parentOffset.left); 

Answer 2

Voici l'exemple de code pour aligner en bas verticalement à l'intérieur d'un div

http://www.templatespoint.com/blog/2009/06/div-valign-bottom/