Javascript 使用js获取具有嵌套绝对div的div的高度_Javascript_Jquery_Html_Nested_Height

Javascript 使用js获取具有嵌套绝对div的div的高度

javascript jquery html

Javascript 使用js获取具有嵌套绝对div的div的高度,javascript,jquery,html,nested,height,Javascript,Jquery,Html,Nested,Height,我有一个a div作为一个容器，它的位置是相对的。在这个div中，我有3个其他div定位为绝对值 <head> <style> #container{ position:relative; } #block1, #block2, #block3 { position:absolute; } #block2 { top:100px; } #block3 { top:600p

我有一个a 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>


#容器{位置：相对；}
#区块1，#区块2，#区块3{位置：绝对；}
#block2{top:100px；}
#block3{top:600px；}
一些文本
一些文本
一些文本

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

我尝试了.clientHeight和jquery.height（），但不起作用

谢谢

我想你搞错了。当您将div放置在其他div中时，容器div几乎没有（或根本没有）高度。这就是绝对定位div的原因。它们可以放在容器div的“外部”，并且只能用作x和y偏移的参考。

正确的高度不是0px吗？您是想得到容器的高度还是绝对div？是的，但我如何才能得到620px。600px（block3顶部）+20px（block3分区的高度）。