Html 在页眉和页面内容之间创建透明的间隙

我正在使用Wordpress和Twenty13主题。我试图实现的是在页眉和页面内容之间创建一个30px的间隙。 这是一个包含我所说内容的网页：

当我添加边距或填充时，它只会添加一些空白，而不会显示背景图片。我在上面提到的网站上尝试了一些反向工程，似乎差距是由

造成的。我查找了它的CSS代码，但没有多大帮助：

.clearbig {
    clear:both;
    height:10px;
}

为了避免在此处复制大量代码，我建立了一个用于测试的网站：

---

那么，你是如何创造这种差距的呢？

这是因为你把所有内容都包装在了白色背景的

#页面中。您需要做的是将标题从
div
中取出，然后创建所需的空间。你必须这样做：

<header id="masthead" class="site-header" role="banner">
    //stuff in here
</header>
<div id="page" class="hfeed site">
    //rest of your content
</div>


//这里的东西
//其余内容

您还必须在
标题上设置一个宽度，因为它不会放在该容器中。这样，在左右边距上设置
自动
将使内容居中。
尝试从.site类中删除
背景色：#fff
，并将其添加到.site主类中（
背景色：#fff
）