图像设置为100％但底部仍为边距

Question

我希望有一个完全覆盖div（没有内容）的图像。我尝试用背景图像和背景大小来做，但由于没有内容，它不起作用。我也不想设置高度因为图像被拉伸（我希望它能够响应）。所以我尝试通过将图像放在div中并将其设置为宽度来修复它：100％和高度：100％。它完成了诀窍（图像根据div延伸）但我仍然在img底部有一个小边距，我似乎无法删除。我将所有边距和填充设置为0px但仍然没有结果（甚至边框大小设置为边框）。谁能告诉我我做错了什么？我没有设置高度，看到其他问题，也许div（包装器-1）没有适应的设定点？这是将图像放入没有内容的div的正确方法吗？ Thx提前！

HTML：

<div class="row col-12  wrapper-1"><img src="wrapper.jpg" alt="Wrapper" 
width="100%" height="100%" /></div>

CSS：

.wrapper-1 {
 height: auto;
 padding: 0px;
 margin: 0px auto;
 }
* {
box-sizing: border-box;
}
img {
max-width: 100%;
height: auto;
margin: 0px auto;
padding: 0px;
}

Answer 1

我认为display: block代码的img会解决它。