Html div容器内的图像底部有5px的间隙

如果您访问我正在工作的网站：

您可以在两个不同的

div

元素中看到两个图像（

img

）。 那里有些奇怪。图像有5个底部像素，即使我 无论如何，不要设置它。我刚刚把一个

img

元素放在

class=“content”

中，然后放在

divid=“breaker/boxer”

中，没有什么真正复杂的东西

但是代码就是不想工作

我可以制作一个

img

的行代码，那么底部的这5个像素就没有问题了。但是我需要把

img

放在

div

容器中

代码：

正文{
背景色：#fafafa；
保证金：0；
填充：0；
}
.内容{
溢出：隐藏；
填充顶部：80px；
}
img{
身高：100%；
宽度：100%；
}

---

只需将您的

img

设置为

display:block

为什么?？因为

img

的默认值是

display:inline

因此，与此相反：

img{
身高：100%；
宽度：100%；
}

你应该有这个：

img{
显示：块；
身高：100%；
宽度：100%；
}

以下是一个基于您从站点获取的代码的工作片段：

正文{
背景色：#fafafa；
保证金：0；
填充：0；
}
.内容{
溢出：隐藏；
填充顶部：80px；
}
img{
显示：块；
身高：100%；
宽度：100%；
}

---

只需将您的

img

设置为

display:block

为什么?？因为

img

的默认值是

display:inline

因此，与此相反：

img{
身高：100%；
宽度：100%；
}

你应该有这个：

img{
显示：块；
身高：100%；
宽度：100%；
}

以下是一个基于您从站点获取的代码的工作片段：

正文{
背景色：#fafafa；
保证金：0；
填充：0；
}
.内容{
溢出：隐藏；
填充顶部：80px；
}
img{
显示：块；
身高：100%；
宽度：100%；
}

---

只需将您的

img

设置为

display:block

为什么?？因为

img

的默认值是

display:inline

因此，与此相反：

img{
身高：100%；
宽度：100%；
}

你应该有这个：

img{
显示：块；
身高：100%；
宽度：100%；
}

以下是一个基于您从站点获取的代码的工作片段：

正文{
背景色：#fafafa；
保证金：0；
填充：0；
}
.内容{
溢出：隐藏；
填充顶部：80px；
}
img{
显示：块；
身高：100%；
宽度：100%；
}

---

只需将您的

img

设置为

display:block

为什么?？因为

img

的默认值是

display:inline

因此，与此相反：

img{
身高：100%；
宽度：100%；
}

你应该有这个：

img{
显示：块；
身高：100%；
宽度：100%；
}

以下是一个基于您从站点获取的代码的工作片段：

正文{
背景色：#fafafa；
保证金：0；
填充：0；
}
.内容{
溢出：隐藏；
填充顶部：80px；
}
img{
显示：块；
身高：100%；
宽度：100%；
}

请将您的问题添加到有意义的代码和问题描述中。不要只链接到需要修复的站点——否则，一旦问题解决，这个问题将对未来的访问者失去任何价值。发布一个能证明你的问题的帖子会帮助你得到更好的答案。有关更多信息，请参阅“谢谢！”！请在此处添加有意义的代码和问题描述。不要只链接到需要修复的站点——否则，一旦问题解决，这个问题将对未来的访问者失去任何价值。发布一个能证明你的问题的帖子会帮助你得到更好的答案。有关更多信息，请参阅“谢谢！”！请在此处添加有意义的代码和问题描述。不要只链接到需要修复的站点——否则，一旦问题解决，这个问题将对未来的访问者失去任何价值。发布一个能证明你的问题的帖子会帮助你得到更好的答案。有关更多信息，请参阅“谢谢！”！请在此处添加有意义的代码和问题描述。不要只链接到需要修复的站点——否则，一旦问题解决，这个问题将对未来的访问者失去任何价值。发布一个能证明你的问题的帖子会帮助你得到更好的答案。有关更多信息，请参阅“谢谢！”！