Html 为什么我的导航栏和主图片之间有一个小空间？

我目前正在为自己制作一个网站，似乎不明白为什么在我的导航栏末端和大图（内容的开始）之间有一个小空间

由于某种原因，我也无法使JSFIDLE文件工作

HTML:

---

还要注意的是，所使用的图像不是网站的图像。

您没有提到它，但看看您的代码，我想您正在使用引导。 默认情况下，使用20px的下边距定义.navbar，因此您应该在编译它之前自定义引导 或者只需要多做一行css

.navbar {margin-bottom:0;}

你写的

由于某种原因，我也无法使JSFIDLE文件工作

---

它确实对我有用，所以我想知道你是否忘了在JSFiddle的“外部资源”选项卡中包含bootstrap css。你没有提到它，但是看看你的代码，我想你正在使用bootstrap。 默认情况下，使用20px的下边距定义.navbar，因此您应该在编译它之前自定义引导 或者只需要多做一行css

.navbar {margin-bottom:0;}

你写的

由于某种原因，我也无法使JSFIDLE文件工作

---

它确实对我有用，所以我想知道你是否忘了在JSFIDLE的“外部资源”选项卡中包含引导css，你的导航栏有20个底边。使用以下命令将其更改为0：

.navbar-default {
    border-color: transparent !important;
    background-color: #303030 !important;
    margin-bottom: 0;
}

---

导航栏的底部边距为20。使用以下命令将其更改为0：

.navbar-default {
    border-color: transparent !important;
    background-color: #303030 !important;
    margin-bottom: 0;
}

---

对于此类错误，您可以使用“检查器”确定导致问题的元素，并找出如何修复；）

对于此类错误，您可以使用“检查器”确定导致问题的元素，并找出如何修复；）

这成功了，谢谢！我还忘了在JSFiddle:D中包含引导css，谢谢！这成功了，谢谢！我还忘了在JSFiddle:D中包含引导css，谢谢！