Html 使div'；s的高度精确到其内部的img

我有div和img在里面。我如何使这个部门与img一起扩展

<div class="container-fluid banner">
  <img />
  <div class="row text-center banner__div col-xs-12">

  </div>
  <div class="row text-center banner__slider col-xs-12">

  </div>

已尝试显示：内联块-不起作用

.wrapper img {
    width: 100%;
    height: 100%;
}

.wrapper {
    width: desired width;
    height: desired height;
}

编辑：结束，然后按如下方式放置：

<div class="wrapper"><img /></div>

---

高度：100%

用于可能重复的

<div class="wrapper"><img /></div>