위치 상대 콘텐츠 계산 높이

위치 관련 컨테이너가 있으며 절대 위치 div가 많습니다. 내 상대 컨테이너에 대한 절대 div의 높이를 계산하고 싶습니다. CSS 또는 jquery로 어떻게 할 수 있습니까? 난 당신의 코드를보고 나는 조건은 가정에는 왼쪽 또는 오른쪽 여백을 (div의 모든 수평 (서로 옆)에 위치하는 경우위치 상대 콘텐츠 계산 높이

<!DOCTYPE html> 
<html> 
<body> 
<div id="container" style="position:relative;overflow:hidden;width:300px;background-color:red;"> 
    <div style="position:absolute;top:0px;left:0px;width:100px;"> 
     Lorem ipsum 
    </div> 
    <div style="position:absolute;top:0px;width:100px;left:100px;"> 
     Lorem Ipsum 
    </div> 

</div> 
</body> 
</html>

출처

2014-06-19 Yargicx

내가 원하는 것을 얻지 못했습니다! –

[CSS - 절대 위치 div 상위까지 늘리지 않는 상대 div 위치]의 가능한 복제본을 지우십시오. (http://stackoverflow.com/questions/8184919/css-relative-positioned-parent-div-not-stretching-to- absolute-child-div-height) –

@amin jafari, #container는 자식 div만큼 크기가 조정되지 않습니다. becauase 하위 divs 절대 있습니다. 나는 그것의 내용으로 컨테이너 높이를 키우고 싶다. – Yargicx

... 컨테이너의 빨간색 배경을 볼 수없고 폭 없습니다 일치하는) 당신이 할 수 있습니다 : http://jsfiddle.net/U6RXB/1/

var width=0; 
$('#container').children('div').each(function(){ 
    width=width+$(this).width(); 
}); 
$('#container').width(width);

난 당신의 코드와 일치하지 언급 한 조건이 다음 날 발견하고 나는 다시 고칠 수 있습니다합니다.

출처

2014-06-19 20:04:36

위치 상대 콘텐츠 계산 높이

답변

관련 문제