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

时间:2012-08-29 18:20:01

标签: jquery height

我有这个html结构:

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

我正在使用:

读出div.content高度
var height = $("div.content").height();

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

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

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

1 个答案:

答案 0 :(得分:33)

改为使用 $("div.content").outerHeight();

如果要在括号中添加-true-,如果要包含所有边距和&amp;填充物也是如此。 $('div.content').outerHeight(true);

如果您没有非常好的 CSS重置,或者正在查看旧版浏览器(即6/7),跨浏览器的高度可能会有所不同,但如果重置良好,他们之间的差异将是非常微不足道。

jsFiddle Demo