javascript - 查看 HTML 高度是按样式还是按内容设置的

Question

我有 2 个 div:

<div id="div1"></div>
<div id="div2">div2</div>​

在我的 CSS 中:

#div1{ height:20px}​

两个 div 的高度都是 20px，检查 demo
我如何才能知道 div 的高度是否由内容决定，或者是否已在 css 或内联样式中设置？
这有助于我找出尺寸是由开发人员设置的还是只是由浏览器计算的。

Answer 1

我找到了实现它的方法:)

function getRealHeight(element){
    var height=0;
    if (element.children().length>0){
        var temp = $('<div></div>');
        temp.append(element.children());
        height = element.height();
        element.append(temp.children());
    } else {
        var html=element.html();
        element.html('');
        height = element.height();
        element.html(html);
    }
    return height;
}

DEMO