保持图像与 div 高度相同答案

【问题标题】：Keep image same height as div保持图像与 div 高度相同
【发布时间】：2013-12-16 06:22:05
【问题描述】：

我正在努力使此图像与 div 容器的高度相同，我尝试将 max-height、min-height 正常高度设置为 auto 和 100%。似乎没有什么可以使高度合适。我知道这张图片看起来不太好，但我只需要它适合。

img 代码 -

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

【问题讨论】：

标签： html css

【解决方案1】：

如果不使用 JavaScript，我能想到的唯一方法就是将 .item 的 height 属性显式设置为一定数量的 px，同时开启 height: 100%; .portfolioItem

【讨论】：

【解决方案2】：

确实如此。

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

【讨论】：