jquery:尝试获取div高度时的错误值

Question

我有这个HTML结构:

<div class=container>
    <div class=content>
            Content goes here
    </div>
</div>

我正在使用以下方法读出div.content高度:

var height = $("div.content").height();

将返回17(在我的测试用例中)

到目前为止工作得很好(当使用firebug将其与实际高度进行比较时).问题是 - 当填写连续文本> 2行时,我得到一个错误的值.2行将给我34(正确),但3行也将返回34虽然实际高度是51.当然,当填写大量文本时,结果值都是错误的.对我来说似乎是一个jquery bug ...任何解决方法的想法？谢谢

ps:在IE中运行完美,firefox返回错误的值..

Answer 1

请$("div.content").outerHeight();改用.

如果要在括号中添加-true-,如果要包括所有边距和填充. $('div.content').outerHeight(true);

如果您没有非常好的CSS重置,或正在查看旧版浏览器(即6/7),跨浏览器高度也可能不同,但如果重置良好,他们的差异将非常微小.

jsFiddle演示