html - 画像が div のスペース全体を占めていない

Question

たとえば 354x300 px の概算の div 内にタグを配置し、そのタグの src の px が 1.6kx 1.2k の場合はどうすればよいですか? 問題は、画像の下にスペースがあることです。スペース全体を占有していません。何が起こったのかわかりません。画像はすでに十分に大きいので、divのサイズに合わせてサイズを変更するつもりでした。 img タグの場所。

<div class="myClass">
     <img src="theVeryBigImage.jpg"/>
</div>

上記は、この部分の結果であるその部分の私のコードです。下の画像を参照してください

ご覧のとおり、その画像のサイズは 1600x1200 px ですが、スペース全体を占めるわけではなく、下に空白 (ブランク スペース) が残ります。

Answer 1

試す

.myClass  img{display:block ;height:100%;width:100%;}

Answer 2

一部のデフォルト css が画像の高さを設定している可能性があります。

試す

.myClass { height: /* some height */; }
.myClass img{ height:100% ; }

Answer 3

divと の間にパディングやマージンがないことを確認してくださいimg

.myClass { margin:0; padding: 0; width: auto; height: auto; }
.myClass img { margin:0; padding: 0; }