jQuery + CSS。如何计算innerHTML 的高度和宽度？

Question

我有一个使用 jQuery 的 Web 元素的典型父子 div 层次结构。子CSS没有高度，这允许它根据innerHTML的高度扩展和收缩。我以编程方式将 HTML 标记填充到子项的 innerHTML 属性中。

我想在子项具有标记后将父项的高度设置为与子项的高度相匹配。我该怎么做呢？我尝试过:

    childDiv.innerHTML = content;
    childDivObject = $(childDiv);

     parentDivObject = $(parentDiv);
     parentDivObject.css({
        "height" : childDivObject.height() + "px"
    });

但这并没有奏效。我错过了什么？

更新0

更多背景信息。此代码用于随着用户点击而出现/消失的弹出窗口。这是CSS。这里没有发生太多事情:

// parent
.parent {
    position: absolute;
    top: 0;
    left: 0;
    width: 350px;
    display: none;
}

// child
.child {
    position: absolute;
    top: 5px;
    left: 5px;
    right: 25px;
}

parent 有 display:none 的事实可能是问题的一部分吗？我正在使用 jQuery show()/hide() 方法(如果相关)。

Answer 1

更改此:

"height" : childDivObject.height() + "px"

对此:

"height" : childDiv.height() + "px"

看起来您正在尝试获取内容的高度而不是 div 本身。