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中做了一个例子，看看它对你有用吗</ p>

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/

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

2 个答案: