Getting image to stretch a div

Question

How can I get an image to stretch the height of a DIV class?

Currently it looks like this:

Answer 1

One trick you can use is to set the

's overflow property to hidden. This forces browsers to calculate the physical size of the box, and fixes the weird overlap problem with the floated image. It will save you from adding in any extra HTML markup.

Here's how the class should look:

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

0 讨论(0)

查看其它7个回答

发布评论:

提交评论

---

•  加载中...