Поместите DIV в другой DIV вниз

Question

Я пытаюсь расположить DIV внутри другого DIV в его «нижней части».

Когда я устанавливаю высоту внешних div-ов на некоторую абсолютную высоту (т.е. - 100 пикселей), она работает нормально.Когда он установлен в процентах или вообще не установлен - я не могу его позиционировать.

Вот мой CSS:

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

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

#bottom_pic_wrapper находится внутри #left_paneи должен быть выровнен по его нижнему краю.

Есть идеи, почему это не сработает для меня?

Спасибо:)

Answer 1

Я сделал один пример здесь, в jsfiddle, посмотрите, будет ли он вам полезен

http://jsfiddle.net/RJXez/

Дайте мне знать, если вам нужно что-то еще

Следующий код долженпоможет вам всегда позиционироваться внизу

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

Вот пример кода для выравнивания по вертикали снизу внутри div

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