获取动态更改高度div的高度

Question

如何确定（使用jQuery？）div的高度？它的'高度没有在CSS中定义 - 所以它是流动的并且基于内容。

我尝试过$（'＃div'）。height（） - 返回0。

想法？

编辑:(代码）

$(document).ready(function () {
    PositionBottomPicture();
});

function PositionBottomPicture() {
    var parentOffset = $('#left_pane').offset();
    var parentsHeight = $('#left_pane').height();
    var childsTopPostion = (parentOffset.top + parentsHeight);


    $('#bottom_pic').offset({ top: childsTopPostion, left: parentOffset.left });
}

CSS:

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

其中'left_pane'和'bottom_pic'是div。

谢谢！

Answer 1

问题是你可能没有等到div加载到DOM中。

尝试以下方面的内容：

$(document).ready(function(){
        var h = $("#div").height();
        var w = $("#div").width();
;})

使用jQuery提供的Document Ready工具将等待元素处理完毕。

Answer 2

检查这个jsfiddle示例，它返回宽度和高度

http://jsfiddle.net/b2DNP/

Answer 3

如果'left_pane'只包含绝对定位的元素，它的高度将为零。