在标题和页面内容之间创建透明间隙

Question

我使用的是Wordpress和第二十三个主题。我试图实现的是在标题和页面内容之间创建一个30像素的空白。 这是一个我正在谈论的网页：http://wp-themes.com/elisium/

当我添加marging或填充时，它只会添加一些空白而不显示背景图片。我在上面提到的网站上尝试了一些逆向工程，似乎差距是由<div class="clearbig">创建的。我抬头一看它的CSS代码，但它是没有多大帮助：

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

为了避免这里复制的代码庞大的部分，我设置了用于测试目的的网站：

http://mywptestsite.is-great.org

所以你如何创造这个差距？

Answer 1

尝试从.site类中删除background-color: #fff，并将其添加到（background-color: #fff）到.site-main类

Answer 2

这是因为你把所有的内容都包装在#page里，它有一个白色背景。你需要做的是把你的头从div，然后你可以创建你想要的空间。你必须做soemthing这样的：

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

而且你必须设置你的header的宽度，因为它不会是容器内举行。通过这种方式将auto设置在左侧和右侧边距将会使您的内容居中。