比如下列代码，alert弹出的是0。chrome测试的
<div id="d1" style="display:none;">
<div id="d2" style="height:auto;width:10px;">
<div id="d3" style="height:10px;width:10px;">
</div>
</div>
</div>
<script src="jquery.js"></script>
<script>
alert($("#d2").height())
</script>

浏览器不会浪费时间计算隐藏的元素的大小，jQ 也没有牛逼到为此实作 CSS 排版引擎。你需要先将隐藏的元素变成可见的，那怕是移到窗口以外令它不可视。

关键在 display:none