Html 对象适合的图像未填充容器

我有一个横幅图像，比它的高宽。我有一个显示不同大小图像的容器div，对于横幅样式，我需要它拉伸和/或挤压以在两个方向上填充父div。我已经看过了

object fit:fill

，但它似乎只在水平方向上拉伸图像，而没有让它在垂直方向上填充div

一个有效的例子是；代码如下所示：

.tile{
位置：相对位置；
浮动：左；
利润率：10px；
边框：4倍纯绿；
高度：400px；
}
.成交{
宽度：342px；
背景：#ffffff；
}
.tileImage.promo{
对象匹配：填充；
}

---

定义图像的尺寸，然后

对象拟合

工作：

.tile{
位置：相对位置；
浮动：左；
利润率：10px；
边框：4倍纯绿；
高度：400px；
}
.成交{
宽度：342px；
背景：#ffffff；
}
.tileImage.promo{
对象适合度：填充；/*还可以尝试“包含”和“覆盖”*/
宽度：100%；
身高：100%；
}

谢谢；这就是我需要的。我是一名后端开发人员，所以我的CSS不是超级强大，我看到的示例没有提到需要在图像上设置默认大小。如果我需要在DIV中设置多个图像，我该怎么办？我不能将高度和宽度都定义为100%，否则第一个图像会占用所有可用空间并覆盖其余图像。但如果我不定义宽度，或将其定义为“自动”，则什么也不会发生。