Html CSS：使对象适合使用最小高度

是否有任何方法可以使

对象适合
使用
最小高度

看看这个例子

如果我设置了一个固定的
高度
，它会工作，但是如果我设置了
最小高度
，它就不工作了

HTML:

需要在
img
元素而不是容器上设置
min height

此外，您还可以在
img
上设置
vertical align:top
或
display:block
，以消除其下方不需要的空白


.container{
宽度：120px；
}
.b_feat_img{
边框：1px纯绿色；
背景：红色；
浮动：左；
高度：自动；
边缘底部：10px；
溢出：隐藏；
宽度：100%；
}
.b_feat_img img{
对象匹配：覆盖；
最小高度：130px；
宽度：100%；
垂直对齐：顶部；
}
您可以在css中使用
位置：绝对
到
img

所以它会像：
HTML:

小提琴：


希望有帮助。
是否希望img容器元素扩展到完整图像高度？
<div class="container">

  <div class="b_feat_img">
     <img src="http://i.imgur.com/iEJWyXN.jpg">
  </div>

</div>

.container {
  width:120px;
}

.b_feat_img {
  border: 1px solid green;
  background: red;
  float: left;
  height: auto;
  min-height:130px;
  margin-bottom: 10px;
  overflow: hidden;
  width: 100%;
}
.b_feat_img img {
  object-fit: cover;
  height: 100%;
  width: 100%;
}

<div class="container">

  <div class="b_feat_img">
     <img src="http://i.imgur.com/iEJWyXN.jpg">
  </div>

</div>

 .container {
      width:120px;
    }

    .b_feat_img {
      position: relative;
      border: 1px solid green;
      background: red;
      float: left;
      width: 100%;
      min-height:130px;
      margin-bottom: 10px;
      overflow: hidden;
    }
    .b_feat_img img {
      position: absolute;
      height: 100%;
      width: auto;
    }