使用嵌套的绝对div与js获取div的高度

时间:2011-08-21 23:08:33

标签: javascript jquery html nested height

我有一个div作为一个容器,它被定位为相对的。 在这个div中,我有3个其他div被定位为绝对。

<head>
      <style>
           #container{ position:relative; }
           #block1, #block2, #block3 { position:absolute; }
           #block2 { top:100px; }
           #block3 { top:600px; }
     </style>
</head>
<div id="container">
     <div id="block1"> some text </div>
     <div id="block2"> some text </div>
     <div id="block3"> some text </div>
</div>

如何使用js获得相对div的正确高度。

我尝试过.clientHeight和jquery .height()但不起作用。

谢谢!

1 个答案:

答案 0 :(得分:1)

我觉得你错了。当你将div放在其他div之类的内容时,container-div几乎没有(或没有)高度。这是绝对定位div的原因。它们可以放在容器div的“外部”,只能用作x和y偏移的参考。