Html 边距不在div上工作以在标题和内容之间创建间隙

我试图在标题（图像+导航栏）和内容部分（导航栏下方的白色框）之间创建一个间隙。在多个位置添加边距/填充，确实增加了白框顶部的空间，但不会在我可以看到背景图像的地方创建一个透明的间隙

id=branding的标题由

#branding {
   margin-top: 30px;
}

因此，它会在页面顶部创建间隙。当我尝试添加

边距底部时：30px

对于这个CSS，它增加了白框顶部的空间

我正在处理的页面是。 该页面是基于模板的，因此我不能100%确定我应该在这里插入什么作为代码部分

---

提前谢谢

如果我理解您的问题，请尝试将包装的背景色设置为透明

.wrapper {
 background-color: transparent;
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
 box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

然后在标题和内容中添加背景色，现在可以在标题中添加边距底部或在内容中添加边距顶部

 #branding {
 margin-top: 30px;
 background-color: #f2f2f2;
 }

 .container {
   margin: 5% auto;
   max-width: 978px;
   background-color: #f2f2f2;
}

之后，你可以看到你的网站的背景图像

---

HTH

如果你的网站存在漏洞，你必须对CSS进行一些更改

在

.wrapper上

删除背景。然后在

.header image

上添加YOUR像素值

.header-image{
  margin-bottom: your pixel value;
}

然后#主放

背景色：#fff

；并添加

填充：50px 10px 50px

#main{
  background-color: #fff
  padding: 50px 10px 50px;
}

最后取下
.container
的宽度

下次，请将您的代码放在此处，以便人们无需查看您的网站。
请在此处添加有意义的代码和问题描述。不要只链接到需要修复的站点——否则，一旦问题解决，这个问题将对未来的访问者失去任何价值。发布一个能证明你的问题的帖子会帮助你得到更好的答案。有关更多信息，请参阅“谢谢！”！