将DIV放在另一个DIV中到底部

Question

我试图将DIV放在另一个DIV的底部.

当我将外部div的高度设置为某个绝对高度(即 - 100px)时,它可以正常工作.当它被设置为百分比或根本没有设置时 - 我无法定位它.

这是我的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);