Css 如何使用绝对定位覆盖div消除图像下方的空白

我在图像顶部使用绝对定位的div。div具有不透明度小于1的彩色背景（因此您可以看到图像）。我的问题是，你可以看到一些空白下面的图像

#零{
最大宽度：450像素；
保证金：0自动；
}
#容器{
位置：相对位置；
}
img{
宽度：100%；
高度：自动；
保证金：0；
填充：0；
}
#头衔{
位置：绝对位置；
排名：0；
右：0底部：0；
左：0；
身高：100%；
宽度：100%；
保证金：0；
颜色：白色；
背景色：红色；
不透明度：0.67；
}

标题
如何消除图像下方的空白

默认情况下，图像以内联方式呈现，就像字母一样

---

您可以调整图像的垂直对齐以将其放置在其他位置（例如中间），或更改显示以使其不在线。

标题的高度为：100%，这意味着它将占据其父级高度的100%。然后，剩余的元素与它重叠

您可以删除标题中的height:100%指令，让版面自动设置，或者指定较低的百分比值并相应调整字体大小

#零{
最大宽度：450像素；
保证金：0自动；
}
#容器{
位置：相对位置；
}
img{
宽度：100%；
高度：自动；
保证金：0；
填充：0；
}
#头衔{
位置：绝对位置；
排名：0；
右：0底部：0；
左：0；
宽度：100%；
保证金：0；
颜色：白色；
背景色：红色；
不透明度：0.67；
}

标题
如何消除图像下方的空白

是的，就是这样。将img的样式更改为display:block，空白消失。多年来一直在设计网站，但在这方面仍然存在问题：）。谢谢！很好。。祝你愉快谢谢你的评论。将img的显示值更改为block可以为我解决这个问题。