隐藏元素时jQuery.outerHeight不起作用？答案

【问题标题】：jQuery.outerHeight doesn't work when element is hidden?隐藏元素时jQuery.outerHeight不起作用？
【发布时间】：2011-08-21 05:05:51
【问题描述】：

我正在尝试找出元素的外部高度（包括填充），但它似乎不起作用。

我总是得到0。是因为元素被隐藏了吗？

该元素包含在具有“自动”高度的绝对定位元素中，但我认为这不是问题，因为该元素是相对的...

【问题讨论】：

标签： jquery css height

【解决方案1】：

隐藏元素有一个外部高度，

<div id="aaa" style="visibility:hidden">aaa</div>
<div id="bbb" style="visibility:hidden"></div>

alert($("#aaa").outerHeight());// returns 20

alert($("#bbb").outerHeight()); //returns 0

请添加您的 html 代码以获得更完整的答案

【讨论】：

我猜他隐藏的意思是“display:none”，这当然会返回 0 的高度。

【解决方案2】：

带有 display: none; 的 hidden 元素不会注册高度或宽度，但带有 visibility: hidden; 的元素会注册，但它还必须附加到 body 或其子元素之一。

【讨论】：