js를 사용하여 중첩 된 절대 div가있는 div의 높이 가져 오기

div가 컨테이너로 작동하여 상대적으로 배치됩니다. 이 div에는 3 개의 다른 div가 절대 위치로 있습니다.js를 사용하여 중첩 된 절대 div가있는 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()를 시도했지만 작동하지 않습니다.

감사합니다.

출처

2011-08-21 salafek

올바른 높이가 0px입니까? – Znarkus

당신은 컨테이너 또는 절대 divs의 높이를 얻기 위해 triying 있습니까? –

네, 그렇습니다 만 어떻게 620 픽셀을 얻을 수 있습니까? 600px (block3의 상단) + 20px (block3 div의 높이). – salafek

내가 잘못 생각한 것 같습니다. 당신이 다른 div 안에 div를 배치하면, container-div는 거의 전혀 (또는 전혀) 높이를 가지지 않을 것입니다. 그것은 절대적으로 위치하는 div의 원인입니다. 그것들은 container-div의 "outside"에 위치 할 수 있으며 x 및 y 오프셋에 대한 참조로만 사용할 수 있습니다.

출처

2011-08-21 23:11:48 Alxandr

js를 사용하여 중첩 된 절대 div가있는 div의 높이 가져 오기

답변

관련 문제