Html 导航栏图片和图片之间的奇怪空间

我不明白为什么在右上角的导航图片和大照片之间有一个空格。我已经尝试将所有相关元素的边距和填充设置为0，但它仍然出现。我甚至检查了一下，看我是否不小心在照片上加了一个看不见的边框，但没有。我刚开始编写html和css，所以我不太懂。它很小，但仍然很烦人。 谢谢你的帮助

*{
填充：0；
保证金：0；
}
身体{
背景色：#242628；
}
.标志{
保证金：0；
填充：0；
}
.logo img{
浮动：左；
利润率最高：0.6%；
左缘：1%；
页边距底部：0；
宽度：280px；
高度：75px；
}
.头{
填充：0；
保证金：0；
}
.头ul{
浮动：对；
列表样式类型：无；
填充：0；
保证金：0；
}
.头ul img{
宽度：100px；
高度：100px；
填充：0；
保证金：0；
}
李校长{
浮动：左；
保证金：0；
填充：0
}
.头{
填充：0；
保证金：0；
显示：块；
}
bakbild先生{
填充：0；
保证金：0
}

默认情况下，图像与

基线对齐

，处理方式与

内联

元素类似，因此内联内容中的尾部字符在底部有一点空间。要删除它，请使用不同的

垂直对齐

值。将

垂直对齐：顶部
添加到那些
img
s


*{
填充：0；
保证金：0；
}
身体{
背景色：#242628；
}
.标志{
保证金：0；
填充：0；
}
.logo img{
浮动：左；
利润率最高：0.6%；
左缘：1%；
页边距底部：0；
宽度：280px；
高度：75px；
}
.头{
填充：0；
保证金：0；
}
.头ul{
浮动：对；
列表样式类型：无；
填充：0；
保证金：0；
}
.头ul img{
宽度：100px；
高度：100px；
填充：0；
保证金：0；
垂直对齐：顶部；
}
李校长{
浮动：左；
保证金：0；
填充：0
}
.头{
填充：0；
保证金：0；
显示：块；
}
bakbild先生{
填充：0；
保证金：0
}






默认情况下，图像与
基线对齐
，处理方式与
内联
元素类似，因此内联内容中的尾部字符在底部有一点空间。要删除它，请使用不同的
垂直对齐
值。将
垂直对齐：顶部
添加到那些
img
s


*{
填充：0；
保证金：0；
}
身体{
背景色：#242628；
}
.标志{
保证金：0；
填充：0；
}
.logo img{
浮动：左；
利润率最高：0.6%；
左缘：1%；
页边距底部：0；
宽度：280px；
高度：75px；
}
.头{
填充：0；
保证金：0；
}
.头ul{
浮动：对；
列表样式类型：无；
填充：0；
保证金：0；
}
.头ul img{
宽度：100px；
高度：100px；
填充：0；
保证金：0；
垂直对齐：顶部；
}
李校长{
浮动：左；
保证金：0；
填充：0
}
.头{
填充：0；
保证金：0；
显示：块；
}
bakbild先生{
填充：0；
保证金：0
}