Html 调整屏幕大小时，使用img保持div高度

我有一个光滑滑块的div，确切地说是产品卡

它应该在线显示，图片应该是卡信息的整个大小

.product-card\u项目{
显示器：flex；
宽度：100%；
最小高度：450px；
}
.产品-卡片\项目-预览{
弹性基准：48.5%；
高度：100%宽度：100%
}
.产品卡{
宽度：100%；
身高：100%；
对象匹配：覆盖；
}
.产品卡\商品信息{
宽度：51.5%；
背景色：#fff；
填料：1.2米；
}
}

```

我没有你的代码，但你可以试试这个：

.container{
显示器：flex；
高度：500px；
}
.container>div{
弹性：110；
溢出：隐藏；
}
.第二次img{
身高：100%；
}
.首先{
背景色：红色；

---

如果您为问题创建了一个代码段，请提供所有代码，以最好地再现问题。