Html css修复图像后出现的空白

我已经尝试了我所知道的所有选择。请帮助我删除图像和div标记之间的空白。我不知道为什么图像和div下面会出现白色。我不知道CSS哪里错了。从早上开始我就一直在做这件事，但今天我找不到解决办法

请帮帮我。我已经上传了

出租屋顶
身体{
宽度：100%；
保证金：0；
填充：0；
身高：100%；
溢出：隐藏；
}
托普纳夫先生{
溢出：隐藏；
背景色：#333；
}
.topnav a{
浮动：左；
显示：块；
颜色：#F2F2；
文本对齐：居中；
填充：14px 16px；
文字装饰：无；
字号：17px；
}
.topnav a:悬停{
背景色：#ddd；
颜色：黑色；
}
.主动{
背景色：#4CAF50；
颜色：白色；
}
.topnav.icon{
显示：无；
}
@媒体屏幕和屏幕（最大宽度：600px）{
.topnav a:not（：第一个子项）{display:none；}
.topnav a.icon{
浮动：对；
显示：块；
}
}
@媒体屏幕和屏幕（最大宽度：600px）{
.topnav.responsive{位置：相对；}
.topnav.responsive.icon{
位置：绝对位置；
右：0；
排名：0；
}
.topnav.a{
浮动：无；
显示：块；
文本对齐：左对齐；
}
}
/*设置页脚的样式*/
.页脚{
背景色：#777555；
填充：10px；
文本对齐：居中；
}
函数myFunction（）{
var x=document.getElementById（“myTopnav”）；
如果（x.className==“topnav”）{
x、 类名+=“响应”；
}否则{
x、 className=“topnav”；
}
}
关于我们

这是下行器的空间（“y”和“p”底部的挂起位”），因为默认情况下img是一个内联元素。此属性可消除间隙

只需在img样式中添加

display:block

出租屋顶
身体{
宽度：100%；
保证金：0；
填充：0；
身高：100%；
溢出：隐藏；
}
托普纳夫先生{
溢出：隐藏；
背景色：#333；
}
.topnav a{
浮动：左；
显示：块；
颜色：#F2F2；
文本对齐：居中；
填充：14px 16px；
文字装饰：无；
字号：17px；
}
.topnav a:悬停{
背景色：#ddd；
颜色：黑色；
}
.主动{
背景色：#4CAF50；
颜色：白色；
}
.topnav.icon{
显示：无；
}
@媒体屏幕和屏幕（最大宽度：600px）{
.topnav a:not（：第一个子项）{display:none；}
.topnav a.icon{
浮动：对；
显示：块；
}
}
@媒体屏幕和屏幕（最大宽度：600px）{
.topnav.responsive{位置：相对；}
.topnav.responsive.icon{
位置：绝对位置；
右：0；
排名：0；
}
.topnav.a{
浮动：无；
显示：块；
文本对齐：左对齐；
}
}
/*设置页脚的样式*/
.页脚{
背景色：#777555；
填充：10px；
文本对齐：居中；
}
函数myFunction（）{
var x=document.getElementById（“myTopnav”）；
如果（x.className==“topnav”）{
x、 类名+=“响应”；
}否则{
x、 className=“topnav”；
}
}
关于我们
添加
display:block
到img标签上，如Zhenya Telegin所说，或者给“about”div一个负的边距上限值，类似
边距上限：-4px
而不运行代码，我敢打赌，如果您删除
img
和
div
之间的实际空格（换行+空格），我会打赌，这个问题将消失。您可以通过CSS设置
字体大小：0
或使用不同的显示布局来解决此问题。谢谢您先生帮助我先生@scotthank yo sir帮助我先生@FutoRickysir您能解释问题的原因吗谢谢您先生@futorickytank yo sir帮助我先生@Zhenya telegisir您能解释问题的原因吗谢谢您，先生@Zhenya TeleginIt是下行的空间（悬挂在“y”和“p”底部的位），因为默认情况下，
img
是一个内联元素。此属性可消除间隙。如果我帮忙，请投赞成票：）是的，先生，这对我很有效。谢谢先生帮助我@Zhenya Telegin