Javascript/jQuery 外部高度（）答案

【问题标题】：Javascript/jQuery outerHeight()Javascript/jQuery 外部高度（）
【发布时间】：2011-03-11 03:01:52
【问题描述】：

$('#idOfLememt').outerHeight(); 是否对所有浏览器产生相同的结果？ IE7 有什么不同吗？

【问题讨论】：

标签： javascript jquery cross-browser internet-explorer internet-explorer-7

【解决方案1】：

只需转到http://api.jquery.com/outerHeight/，使用您想要测试的不同浏览器并亲自查看（在 Mac OS X 上，因此无法为您检查 IE）。看起来演示中的 DOM 包含了所有可能影响它的样式。

大多数时候你可以依靠 jQuery 来做这件事并在不同的浏览器中为你提供一致的结果，这是它存在的主要原因之一。

编辑：当然，如果浏览器搞砸了其他东西，情况就不会出现这种情况，例如，如果你的容器不是固定高度，并且 IE 以不同的高度在你的容器中渲染了一些东西，无论出于何种原因，结果会有所不同。但是，您几乎可以保证始终获得与屏幕上使用的像素数量相同的结果。

【讨论】：

【解决方案2】：

正如 SLaks 所说，它应该可以正常工作。

如果您没有在 CSS 中明确设置边距和内边距，您可能会遇到一个问题。 outerHeight() 将始终包含填充和边框，如果 includeMargin 为真，它还将包含边距。由于浏览器之间存在一些填充/边距差异......嗯...... IE......您可能会得到不同的计算结果，除非您明确设置了相关元素的边框、填充和边距。

【讨论】：

【解决方案3】：

它应该可以正常工作。（除非你有其他布局问题）

【讨论】：