절대적으로 위치한 자식이있는 컨테이너의 높이를 계산하십시오.

Question

절대적으로 자식을 배치 한 컨테이너의 높이를 계산하는 방법은 무엇입니까? 직접적인 아이들 만 절대적으로 위치한다고 가정 할 수 있습니다.

P.S. (물론 다른 보이는 다른 브라우저가 태그를 변환 용)

<div class=my-view style="position: relative";> 
<div class=my-child style="position: absolute; top: 5px; left: 10px; -webkit-transform: rotate(13deg);"> 
<div class=my-child style="position: absolute; padding-bottom: 5%; padding-left: 10%; -webkit-transform: rotate(-6deg);"> 
</div> 
</div> 

: 어린 일부는 다음과 같이 패딩을 사용하여 위치, 같은 클래스 (NO ID를) 가지고 회전 필요한 경우 자녀가 ID를 가질 수 있습니다

[업데이트] 루프 oTot.tot이 0 ("tot"은 "total"과 같기 때문에) 때문에이 코드와 같은 코드가 작동하지만 실제로 작동하지 않을 수 있습니다.

var oTot = { tot: 0 }; 
    $(".my-view .my-child").each(function() { 
    var h = $(this).outerHeight(); 
    var y = $(this).position().top + h; 
    if (y > oTot.tot) { 
     oTot.tot = y; 
    } 
    }); 

Answer 1

해결책을 시도하십시오.

var oTot = { tot: 0 }; 
$(".my-child").each(function() { 
    var h = $(this).outerHeight(), 
     y = $(this).position().top + h; 

    if (y > oTot.tot) { 
     oTot.tot = y; 
    } 
}); 

console.log(oTot);