获取图像来拉伸div

Question

如何获得图像来拉伸DIV课程的高度？

目前它看起来像这样:

但是,我希望拉伸DIV以使图像适当,但我不想调整图像大小.

这是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

Answer 2

在图像后面的标记中插入类似的内容<div style="clear:left"/>.有点乱,但这是我发现的最简单的方法.

当你在它的时候,在该图像上加上一些余量,这样文本就不会对它产生影响.