절대 위치의 자식이있는 아버지의 높이를 자동으로 확장하는 방법은 무엇입니까?

<head> 
<style type = "text/css"> 
body{ 
text-align:center; 
} 

#container{ 
position:relative; 
width:600px; 
height:auto; 
border:1px solid #ccbbaa; 
} 

#box{ 
position:absolute; 
width:300px; 
left:2px; 
border:1px solid #ccbbaa; 
} 


</style> 
</head> 
<div id = "container"> 

<div id = "box"> 
<p> 
message ..... 
</p> 
<p> 
message ..... 
</p> 
</div> 
    </div>

고정 된 높이가 아닌 컨테이너와 상자의 높이를 일관성있게 만드는 방법이 궁금합니다.절대 위치의 자식이있는 아버지의 높이를 자동으로 확장하는 방법은 무엇입니까?

감사합니다.

출처

2010-08-19 guyuequan

'일관된'이란 무엇입니까? 'box'의 하단이'container'의 바닥에 닿게하고 싶습니까? – Strelok

예, '일관된'이란 뜻입니다. – guyuequan

자바 스크립트를 사용할 수 있습니까? 다음은 jQuery를 사용하는 나의 길입니다.

$("#box").resize(function() { 
    $("#container").width($(this).width()).height($(this).height()); 
});

출처

2010-08-19 01:47:23 PeterWong

jquery가 아닌 에디션을 제공 할 수 있습니까? – guyuequan

감사합니다 PeterWong 나는 자바 스크립트로 해결했습니다 .... – guyuequan

어린이를 box div로 상대적으로 배치해야합니다. 절대적으로 배치 된 box은 컨테이너를 자동으로 확장하지 않습니다.

출처

2010-08-19 01:34:27 Strelok

하지만 아이 상자 div 절대 위치를 만들어야합니다. 감사합니다 – guyuequan

@ guy, 그럼 JavaScript가 유일한 선택입니다. @ PeterWong처럼 대답했다. – Strelok

절대 위치의 자식이있는 아버지의 높이를 자동으로 확장하는 방법은 무엇입니까?

답변

관련 문제