フォトフレームには、3x4列で表示される画像が含まれています。
画像がフォトフレームにこぼれ、防げないようです。
フォトフレームに「オーバーフロー」を使用しましたが、同じ結果が得られます。
写真がフォトフレームから溢れるのを防ぐにはどうすればよいですか?
style.css
.screenFrame {
width: 350px;
height: 475px;
background-color: #FDF6C2;
margin: 0 auto;
}
.photoFrame {
overflow-y: scroll;
}
.bookPhoto {
width: 100px;
height: 113px;
margin: 0 5px;
}
photos.html
<div class="screenFrame">
<div id="photoFrame" class="photoFrame">
<a class="bookInfo" href="#"><img class="bookPhoto" src="mySrc" alt="" /></a>
etc
</div>
</div>