使 div 的高度与里面的 img 完全相同

Question

我里面有 div 和 img 。如何让这个 div 用 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>

这是我的 .scss：

.banner{
  position:relative;
  overflow: hidden;
  background: linear-gradient($gradient-top, $gradient-bottom);
  height: 960px; //I WANT TO GET RID OF IT
  img{
    content:url("../img/banner_bg.png");
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: auto;
    opacity: 0.1;
  }
}

已尝试显示：inline-block - 不起作用

Answer 1

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

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

编辑：结束然后你这样说：

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