css - 将一个 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);