html - 图像不占用 div 中的整个空间

Question

如果我将标签放在一个 div 中，该 div 有 354x300 像素，粗略估计，并且该标签的 src 的像素为 1.6kx 1.2k，我该怎么办？问题是图像下方有一个空间，我没有占据整个空间，我不知道会发生什么图像已经足够大我认为它会重新调整自己的大小到 div 的大小img 标签所在的位置。

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

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

在此处输入图像描述

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

score 2 · Accepted Answer

2

尝试

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

于 2012-10-23T06:30:00.397 回答

score 1 · Accepted Answer

一些默认的 css 可能会设置图像高度。

尝试

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

score 0 · Accepted Answer

确保和之间没有填充和div边距img

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

3 回答 3