找出HTML高度是按样式还是按内容设置的

Question

我有2个div:

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

在我的CSS中:

#div1{ height:20px}?

两个div都有20px的高度,检查演示
如何判断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