css - 获取图像以拉伸(stretch) div

Question

如何获取一张图片来拉伸(stretch) DIV 类的高度？

目前看起来是这样的:

但是，我希望拉伸(stretch) DIV 以便 image 适合，但我不想调整“image”的大小。

这是 DIV(灰色框)的 CSS:

.product1 {
    width: 100%;
    padding: 5px;
    margin: 0px 0px 15px -5px;
    background: #ADA19A;
    color: #000000;
    min-height: 100px;
}

应用于图像的 CSS:

.product{
    display: inline;
    float: left;
}

那么，我该如何解决这个问题呢？

Answer 1

添加overflow:auto;到.product1