将DIV放置在另一个DIV的底部

Question

我试图在其底部的另一个DIV的内部放置DIV。

当我将外部divs的高度设置为某个绝对高度（即 - 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); 

Answer 2

下面是示例代码，以垂直对齐底部的DIV中

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