Получить высоту динамически изменяемой высоты 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, будет ожидать обработки элемента.

Answer 2

Если 'left_pane' содержит только абсолютно позиционированные элементы, его высота будет равна нулю.

Answer 3

Посмотрите этот пример jsfiddle, он возвращает ширину и высоту

http://jsfiddle.net/b2DNP/