Html 两个div元素之间的白色间隙

以下是HTML代码（在我将h3添加到最后一个div时，白色的间隙开始出现）：

正文{
保证金：0；
字体系列：无衬线；
字体大小：400；
背景图像：url（“../images/rooms.jpg”）；
}
.集装箱{
宽度：80%；
保证金：0自动；
}
标题{
背景:#3434；
}
标题：：之后{
内容：''；
显示：表格；
明确：两者皆有；
}
.标志{
浮动：左；
填充：10px；
}
导航{
浮动：对；
}
导航ul{
保证金：0；
填充：0；
列表样式类型：无；
}
李海军{
填充：0；
显示：内联块；
左边距：60像素；
填充顶部：19px；
位置：相对位置；
}
导航a{
文字装饰：无；
颜色：白色；
字体大小：13px；
文本转换：大写；
填充物：1em 0.5em；
}
导航a：悬停{
颜色：黄色；
}
.欢迎{
宽度：100%；
高度：250px；
背景#406295；
}
.欢迎h3{
文本对齐：居中；
}

欢迎来到

设置

边距：0px打开
h3
标签以解决此问题。检查下面更新的代码段


正文{
保证金：0；
字体系列：无衬线；
字体大小：400；
背景图像：url（“../images/rooms.jpg”）；
}
.集装箱{
宽度：80%；
保证金：0自动；
}
标题{
背景:#3434；
}
标题：：之后{
内容：''；
显示：表格；
明确：两者皆有；
}
.标志{
浮动：左；
填充：10px；
}
导航{
浮动：对；
}
导航ul{
保证金：0；
填充：0；
列表样式类型：无；
}
李海军{
填充：0；
显示：内联块；
左边距：60像素；
填充顶部：19px；
位置：相对位置；
}
导航a{
文字装饰：无；
颜色：白色；
字体大小：13px；
文本转换：大写；
填充物：1em 0.5em；
}
导航a：悬停{
颜色：黄色；
}
.欢迎{
宽度：100%；
高度：250px；
背景#406295；
}
.欢迎h3{
文本对齐：居中；
边际：0px；
}






欢迎来到
您可以尝试将
style=“display:inline；margin:0px；padding:0px；”
添加到您的
标记中
 只需从h3中删除
边距

.welcome h3 {
  text-align: center;
  margin:0;
}


正文{
保证金：0；
字体系列：无衬线；
字体大小：400；
背景图像：url（“../images/rooms.jpg”）；
}
.集装箱{
宽度：80%；
保证金：0自动；
}
标题{
背景:#3434；
}
标题：：之后{
内容：''；
显示：表格；
明确：两者皆有；
}
.标志{
浮动：左；
填充：10px；
}
导航{
浮动：对；
}
导航ul{
保证金：0；
填充：0；
列表样式类型：无；
}
李海军{
填充：0；
显示：内联块；
左边距：60像素；
填充顶部：19px；
位置：相对位置；
}
导航a{
文字装饰：无；
颜色：白色；
字体大小：13px；
文本转换：大写；
填充物：1em 0.5em；
}
导航a：悬停{
颜色：黄色；
}
.欢迎{
宽度：100%；
高度：250px；
背景#406295；
}
.欢迎h3{
文本对齐：居中；
保证金：0；
}






欢迎来到
这是由于

删除
h3
上的
边距。如果要在页眉之间留出空间并保持背景色，请将其替换为填充


正文{
保证金：0；
字体系列：无衬线；
字体大小：400；
背景图像：url（“../images/rooms.jpg”）；
}
.集装箱{
宽度：80%；
保证金：0自动；
}
标题{
背景:#3434；
}
标题：：之后{
内容：''；
显示：表格；
明确：两者皆有；
}
.标志{
浮动：左；
填充：10px；
}
导航{
浮动：对；
}
导航ul{
保证金：0；
填充：0；
列表样式类型：无；
}
李海军{
填充：0；
显示：内联块；
左边距：60像素；
填充顶部：19px；
位置：相对位置；
}
导航a{
文字装饰：无；
颜色：白色；
字体大小：13px；
文本转换：大写；
填充物：1em 0.5em；
}
导航a：悬停{
颜色：黄色；
}
.欢迎{
宽度：100%；
高度：250px；
背景#406295；
}
.欢迎h3{
文本对齐：居中；
边际上限：0；
}






欢迎来到
为
H3
-标记应用
页边距顶部：0
或
为应用
浮动：左
。欢迎使用

两者都可以解决您的问题
另一种方法是对
应用
溢出规则：auto
。。。这样就创建了一个新的块格式上下文，并避免了折叠边距

编辑：让我们再添加一点上下文。在中，您可以看到相邻的页边距在某些情况下会崩溃。特别是，边距需要属于参与相同块格式上下文的块级别框

尽管在您的示例中，
.welcome
和
h3
是块级框，但它们都不会自动建立新的块格式上下文（这意味着它们参与相同的块格式上下文，这意味着它们的页边距折叠）。再看一遍，我们发现建立新的块格式上下文的一些方法是将float、绝对定位元素或具有
溢出属性的块框设置为
可见之外的其他属性

这就是为什么关于
溢出：auto
或浮动其中一个元素的建议起作用的原因。我的理解是，如果我们让
.welcome
建立一个新的块格式上下文，它参与的上下文与它自己建立的上下文不同。删除边距（可能替换为填充）是解决此问题的另一种方法。
您是否检查了是否存在任何填充或边距，是否可以添加一个片段或小提琴？请先尝试重置css。像`*{padding:0；margin:0；}非常感谢。“它起作用了。”阿诺德·海因姆汉特说