div 요소 안에 절대 이미지를 배치하는 방법

Question

div 태그 안에 절대 위치 이미지가있는 이미지가 있습니다. 브라우저의 크기를 조정하면 이미지에 따라 div 태그의 크기를 조정하고 싶습니다. 내 코드는 여기에 있습니다 : -

CSS 사실 DIV 태그의 경계가 위치 절대 이미지를 포함하지 않습니다

#parent{ 
    width:225px; 
    height:auto; 
    position:relative; 
    border:1px solid #000; 
} 

img{ 
    position:absolute; 
} 

HTML

<div id="parent"> 
    <img src="images/photo1.jpg" /> 
</div> 

. 도와주세요.

Answer 1

귀하의 질문에 잘 표시되지 않았습니다. 하지만 어쩌면 이렇게 할 필요가 있을까요? :

#parent{ 
    width:100%; 
    max-width:250px; 
    height:auto; 
    position:relative; 
    border:1px solid #000; 
} 

img{ 
    max-width:100%; 
} 

절대적으로 필요한가요?