所以我有一个div，其内容是在运行时生成的，它最初没有与之关联的高度。当它是根据firebug生成的并且从我可以用js发出警报的情况下，div的高度仍然为0。但是，使用firebug查看只读属性时，我可以看到它的偏移高度为34。我需要。希望这很明显，但如果不是这样，则此数字是可变的，并不总是38。
所以，我认为我可以通过jquery做到这一点...
$("#parentDiv").attr('offsetHeight');
或直接使用js ...
document.getElementById("parentDiv").offsetHeight;
但是返回的全部为0。在这种情况下，偏移高度是只读属性，这与它有什么关系吗？我怎么能达到这个高度？我的意思是萤火虫正在以某种方式解决它，因此看来我应该能够做到。
编辑：以下是div现在的外观示例...
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML Strict//EN"><META http-equiv="Content-Type" content="text/html; charset=utf-8">
<HTML style="OVERFLOW: hidden; HEIGHT: 100%" xmlns="http://www.w3.org/1999/xhtml"><BODY><FORM id="aspnetForm" name="aspnetForm" action="blah.aspx" method="post"><DIV id="container">
<DIV id="ctl00_BodyContentPlaceHolder_Navigation" style="Z-INDEX: 1; LEFT: 1597px; POSITION: absolute; TOP: 67px">
<DIV class="TransparentBg" id="TransparentDiv" style="MARGIN-TOP: 10px; MARGIN-RIGHT: 10px; HEIGHT: 94px; TEXT-ALIGN: center">
</DIV>
<DIV class="Foreground" id="ForegroundId" style="MARGIN-TOP: 10px; MARGIN-RIGHT: 10px; TEXT-ALIGN: center">
<DIV id="ctl00_BodyContentPlaceHolder_Navigation1" style="WIDTH: 52px; COLOR: black; HEIGHT: 52px; BACKGROUND-COLOR: transparent; -moz-user-focus: normal">
<IMG style="FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod = scale src='../images/image.gif'); CURSOR: pointer" height="52" hspace="0" src="..." width="52" />
</DIV>
<DIV id="ctl00_BodyContentPlaceHolder_UserControl" name="ctl00_BodyContentPlaceHolder_UserControl">
<IMG style="DISPLAY: block; VERTICAL-ALIGN: bottom; CURSOR: pointer" height="17" src="..." width="16" />
<IMG style="VERTICAL-ALIGN: top; CURSOR: pointer" height="17" src="..." width="16" />
</DIV>
</DIV>
</DIV>
</DIV></FORM></BODY></HTML>
此代码由单独库中的控件生成。因此，这是在我的.aspx页面中创建它的实际代码。
<blah:blahControl ID="control" runat="server" />
好吧，它进行了稍微的编辑，但是HTML比我以前多了很多。我之前称为“ parentDiv”的div在那里被称为“ ctl00_BodyContentPlaceHolder_UserControl”。该代码包括有问题的div，兄弟姐妹，父母，祖父母和孩子。它几乎是Firebug的直接副本。
更新：我应该提到这是在IE 7中完成的。它似乎在Firefox中可以正常工作一次，但现在返回0。这是否提供有关可能的解决方法的任何新见解？
...你们都必须认为我疯了。
更新：一些样式...
.TransparentBg
{
background-color: white;
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}
.Foreground
{
position: absolute;
top: 0px;
}
您确定它不是Heisenbug吗？如果您以编程方式在某处设置高度，然后稍后尝试读取，则DOM可能没有更新。
您确定该元素已包含在文档树中并已呈现吗？ （即不是“显示：无”，而是“可见性：隐藏”是可以的。）
实际上未参与文档渲染过程的元素没有尺寸，并且其offsetWidth / Height为0。
添加代码示例后的ETA：使用您的确切代码，我在“ 17”的div上获得了offsetHeight。第一张图像的尺寸正确，第二张没有尺寸。
这是正确的，已渲染（*）。任何无法加载的图像都将被其替换文本替换为内联跨度。您的图片没有替代文字，因此将其替换为空字符串。通常，作为内联元素，不能将其设置为任何特定大小。唯一的例外是第一张图片，因为您已将其指定为“ display：block”，这使其可以使用width / height提供的显式尺寸。
在“怪癖模式”中，您几乎没有“破损图像”图标，其大小应与图像的大小相同。在标准模式下不会发生这种情况，因为假定您在使用标准时知道如何正确使用替代文本。
无论哪种方式，如果我用实际的工作地址替换“ ...” URL，尺寸测量对我来说都可以正常工作。
（* *尽管您实际上无法看到它，因为html和'left：1597px;'组合很奇怪，'overflow-hidden'。嗯，除非您有一个[[really宽显示器！）] >
load()而不是document.ready().完全加载了所有DOM
已隐藏的容器