2026, 새로운 도약을 시작합니다.

CSS 질문입니다 ㅠㅠ 채택완료

<style>
#hott{
 width:100%;
}
#hott .hot {
 width:800px;
 margin:0 auto;
 text-align:center;
}
#hott .hot img {
 max-width:380px;
 width:100%;
}
#hott .hot img:last-child {
 padding-left:20px;
}
</style>

<body>
<div id="hott">
<div class="hot">
<img src="11.jpg">
<img src="22.jpg">
</div>
</div>

</body>

위의 소스에서 인터넷브라우저 창을 좁혀도 두개의 이미지가

짤리지않고 브라우저창 크기에 맞도록 width:100%;  효과와 같이

이미지 2개모두 작아지면서 다 보이게끔 하려면 어떻게해야하나요?

답변 2개

채택된 답변
+20 포인트

댓글을 작성하려면 로그인이 필요합니다.

테스트해볼 수 있게 이미지 주소도 넣어보세요.

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개


<img src="http://dd2dd2.hgodo.com/img/11.jpg">
<img src="http://dd2dd2.hgodo.com/img/22.jpg">
이렇게 넣으시면되세요^^

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인
🐛 버그신고