保持图像与div相同的高度

Question

我正在努力使这个图像与div容器的高度相同，我尝试了max-height，min-height normal height as auto和100％。似乎没有什么能使高度合适。我知道它的图像不会看起来不错，但我只需要它适合。

这是一个示例 - http://jsfiddle.net/UkrdP/

img代码 -

.portfolioItem {
    float: left;
    overflow: hidden;
    position: relative;
    width:40%;
    height:auto;
}

Answer 1

不使用JavaScript，我能想到的唯一方法就是明确将height .item属性设置为一定数量的px，与height: 100%;

上的.portfolioItem一起使用

编辑： 因此：http://jsfiddle.net/3HP5A/

Answer 2

究竟是怎么回事。

.portfolioItem {
    display: inline-block;
    position: relative;
    width:40%;
    height:100%;
}