Css 导航栏和主文本之间的白色栏？

在查看stackoverflow很长时间后，我找不到我的问题的答案，所以这就是为什么我要问它

在我的导航栏和主容器之间有一个奇怪的白色部分，我只需在导航栏下键入一个

这是我的代码：

body，html{
宽度：100%；
身高：100%；
溢出：隐藏；
}
身体{
背景颜色：灰色；
}
#包装纸{
利润率：32px160px 0 160px；
背景色：白色；
身高：90%；
}
#导航{
背景色：#48d1C；
保证金：0；
填充：0；
}
#李国荣{
保证金：-7px 4px 1px 0；
背景色：#48d1C；
宽度：19.5%；
高度：42px；
显示：内联块；
文字装饰：无；
文本对齐：居中；
颜色：黑色；
}
#导航a{
线高：42px；
字体系列：arial，衬线；
字体大小：20px；
}
#nav ul li:悬停{
背景色：#40E0D0；
}
#对{
保证金：0；
宽度：15%；
高度：10px；
颜色：黑色；
}

A.
请启用JavaScript，您已禁用它

您的ul具有

16px

底部边距

#nav ul {
  margin-bottom: 16px;
}

---

注意下次遇到类似问题时，请尝试使用Chrome开发工具（prssing f12）或FireBug分析具有意外行为的元素

您的ul具有

16px

底限

#nav ul {
  margin-bottom: 16px;
}

---

注意下次遇到类似问题时，请尝试使用Chrome开发工具（prssing f12）或FireBug分析具有意外行为的元素

默认情况下，您的

标记正在添加填充。通过添加以下内容覆盖它：

ul{
    margin-bottom: -1px;
}

---

默认情况下，

标记正在添加填充。通过添加以下内容覆盖它：

ul{
    margin-bottom: -1px;
}

---

您的差距是由

#nav ul

上的自然底部边距造成的-请尝试将其设置为0以解决您的问题。此外，您需要

li

作为

ul

的直接子级，因此，请将

li

和

a

标记交换在周围，查看一下ul边距影响父分区外文本的原因您的间距是由

导航ul

上的自然底部边距造成的-尝试将其设置为0以解决您的问题。此外，您还需要

li

作为

ul

的直接子级，因此请交换您周围的

li

和

a

标记，查看ul边距影响父级以外文本的原因。新到这个平台，所以还在学习评论：）谢谢迈克。新加入该平台，因此仍在学习评论：）