图像不占据div中的整个空间

Question

如果我把标签放在div里面怎么办？比如354x300 px的东西，粗略的估计，那个标签的src有1.6k x 1.2k的px？问题是图像下面有一个空间，我没有占据整个空间，我不知道图像已经发生了什么，我认为它会重新调整自己的大小到div的大小img标签所在的位置。

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

以上是我在该部分产生的部分代码，见下图

如您所见，该图像的大小为1600x1200像素但仍不占据整个空间，它在空白处留下空白（空白区域）

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; }