Html 将父div的图像放大

我有一些非常简单的HTMLADIV，里面有一个图像。奇怪的是，图像超出了div的底部，我不明白为什么

<div>
    <img src="picture.jpg">
</div>

这是由w3.css设置的：

.w3-image{max-width:100%;height:auto}img{margin-bottom:-5px}a{color:inherit}

我不知道为什么要应用它，因为我没有为这个图像或包含的div设置类

我现在用以下方法解决了此问题：

img {
  margin-bottom: 0px !important;
}

edit2

---

好的，找到了。clas正在其他地方应用。现在删除它，一切正常。

您可以为图像提供一个ID，并将其添加到宽度为100%的css文件中

 <div src="img.jpg" id="id_example"></div>

或者你可以试试像素，这很简单

对于此HTML代码：

<div>
    <img src="picture.jpg">
</div>

  #id_example {
     width: 100%;
      }

<div>
    <img src="picture.jpg">
</div>

div img {
    display: block;
    width: auto;
    height: 100%;
}