Html 如何消除div之间的空格

我的网页在两个div之间有一条粗白线，每次我删除第二个div中的

，白线就会消失。如何删除白线并保留我的

？我尝试过删除所有CSS元素，但没有成功。即使是空的

空间也在那里

.header{
宽度：100%；
高度：410像素；
背景色#040104；
文本对齐：居中；
}
.导航{
宽度：100%；
高度：50px；
背景色#040104；
字体系列：无衬线；
文本对齐：居中；
}
李国荣先生{
显示：内联；
颜色：#ce5e27；
字体大小：xx大号；
}
李丽娜先生{
填充：1em；
颜色：#ce5e27；
文字装饰：无；
}
.contentContainer{
高度：600px；
背景色#040104；
}
.内容{
宽度：60%；
身高：200%；
浮动：左；
背景色#040104；
文本对齐：居中；
}
.内容h1{
字体系列：无衬线；
字号：x大号；
颜色：#ce5e27；
}
.缩略图{
宽度：40%；
身高：200%；
背景色#040104；
浮动：对；
文本对齐：居中；
}
.缩略图h1{
字体系列：无衬线；
字体大小：大号；
颜色：#ce5e27；
}
.页脚{
明确：两者皆有；
宽度：100%；
高度：60px；
背景色：黑色；
字体系列：无衬线；
文本对齐：居中；
}
李先生{
显示：内联；
颜色：#ce5e27；
字体大小：大号；
}
.页脚h1{
颜色：#ce5e27；
字体大小：小；
文本对齐：居中；
字体系列：无衬线；
}

|

|

|

|

您的

自动附带一个边距。将边距设置为0：

.nav ul{
    margin-top: 0px;
}

---

要去除白线，可以在

ul

元素中添加

margin:0

演示：

.header{
宽度：100%；
高度：410像素；
背景色#040104；
文本对齐：居中；
}
保险商实验室{
保证金：0；
}
.导航{
宽度：100%；
高度：50px；
背景色#040104；
字体系列：无衬线；
文本对齐：居中；
}
李国荣先生{
显示：内联；
颜色：#ce5e27；
字体大小：xx大号；
}
李丽娜先生{
填充：1em；
颜色：#ce5e27；
文字装饰：无；
}
.contentContainer{
高度：600px；
背景色#040104；
}
.内容{
宽度：60%；
身高：200%；
浮动：左；
背景色#040104；
文本对齐：居中；
}
.内容h1{
字体系列：无衬线；
字号：x大号；
颜色：#ce5e27；
}
.缩略图{
宽度：40%；
身高：200%；
背景色#040104；
浮动：对；
文本对齐：居中；
}
.缩略图h1{
字体系列：无衬线；
字体大小：大号；
颜色：#ce5e27；
}
.页脚{
明确：两者皆有；
宽度：100%；
高度：60px；
背景色：黑色；
字体系列：无衬线；
文本对齐：居中；
}
李先生{
显示：内联；
颜色：#ce5e27；
字体大小：大号；
}
.页脚h1{
颜色：#ce5e27；
字体大小：小；
文本对齐：居中；
字体系列：无衬线；
}

|


|


|


|

使用浏览器控制台（通常为

）识别应用于

的样式。默认情况下，所有用户代理都有一个基本样式表。基本样式表完全有可能在所有

元素中添加

边距

，甚至可能添加

填充

，因为它们是块元素。如果是这样，则需要覆盖这些样式。更好的解决方案是使用CSS重置，它覆盖基本样式表，并在浏览器中提供一致的初始外观。就是这样一个重置的例子。。。