Css 具有100%宽度的html img，并剪裁到父元素'；s的高度，它不是固定的

我在一些html中设置了一个图像“img.icon-avatar”：

如何强制图像为100%宽度（现在是这样），但剪裁到其父元素的高度，以便（在本例中）它不会向下推下下一个面板，并尊重或包含填充

html:

请注意，父元素的高度不是固定的，并且将基于页面上的其他元素，因此我需要父元素在确定其自身高度时忽略图像。

类似于：

div.icon-avatar {
  text-align: center
}

img.icon-avatar {
  width:auto;
  max-height:90px;
}

---

但如果离婚率超过90%呢？父元素的高度，行将由其他元素确定。

div.icon-avatar {
  ?
}

img.icon-avatar {
  width:100%;
  ?
}

div.icon-avatar {
  text-align: center
}

img.icon-avatar {
  width:auto;
  max-height:90px;
}