Html div之间的额外保证金

在上，在

#container_head

和

#container_page

之间存在间隙：

你能看到是什么造成了这个差距吗？我不能。我尝试创建一个JSFIDLE，但我认为向您展示实时站点会更快

内部

#容器(U头

其中

标题#桅杆

，底部有

边距：4.236em

在CSS规则中应用：

.home.blog .site-header, .home.page:not(.page-template-template-homepage) .site-header, .home.post-type-archive-product .site-header, .no-wc-breadcrumb .site-header {}

在

#容器(u头

内部，其中

标题#桅杆头

，底部有

边距：4.236em

在CSS规则中应用：

.home.blog .site-header, .home.page:not(.page-template-template-homepage) .site-header, .home.post-type-archive-product .site-header, .no-wc-breadcrumb .site-header {}

---

页眉在此处设置了底部边距：

.home.blog .site-header, .home.page:not(.page-template-template-homepage) .site-header, .home.post-type-archive-product .site-header, .no-wc-breadcrumb .site-header {
  margin-bottom: 4.236em;
}

通过设置以下css（注意如下）修复此问题：

---

如果您首先将

页边距底部设置为整个声明，我会非常小心。使用我提供的第二种方法。否则，它可能会对站点的其他页面产生不必要的影响。
标题在此处设置了底部边距：

.home.blog .site-header, .home.page:not(.page-template-template-homepage) .site-header, .home.post-type-archive-product .site-header, .no-wc-breadcrumb .site-header {
  margin-bottom: 4.236em;
}

通过设置以下css（注意如下）修复此问题：

如果您首先将
页边距底部设置为整个声明，我会非常小心。使用我提供的第二种方法。否则，它可能会对您站点的其他页面产生不必要的影响。
在您的样式中，有一个边距底部问题需要解决

.home.blog .site-header, .home.page:not(.page-template-template-homepage) .site-header, .home.post-type-archive-product .site-header, .no-wc-breadcrumb .site-header{
 margin:0px !Important;
}

在你的风格中，有一个底线问题，那就是修正它

.home.blog .site-header, .home.page:not(.page-template-template-homepage) .site-header, .home.post-type-archive-product .site-header, .no-wc-breadcrumb .site-header{
 margin:0px !Important;
}

填充来自id为masthead的标题内部的内部div。有关详细信息，请参阅屏幕抓图

删除后，问题将得到解决。
填充来自标题内部的一个内部div，id=masthead。有关详细信息，请参阅屏幕抓图

一旦删除它，您的问题就会得到解决。
在.site header类中，header部分有一个底部空白。删除它，它就会正常工作。
在.site header类中，header部分有一个边距底部。删除它就可以正常工作
你的标题id masthead的页边距底部为4.236em..删除它就完成了。简单，在style.css中使用#masthead{margin bottom:0px}或必要的使用！重要提示。您的标题id masthead的页边距底部为4.236em。删除它，您就完成了。简单，在style.css中使用#masthead{margin bottom:0px}或必要的使用！重要。因为你是第一位的，我会选择你的答案。因为你是第一位的，我会选择你的答案。