获取动态变化高度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

如果“left_pane”仅包含绝对定位的元素，则其高度将为零。