Question

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

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

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

为了避免在这里复制大部分代码，我建立了一个用于测试目的的网站：

http://mywptestsite.is-great.org

那么你如何创造这个差距呢？

Answer 1

这是因为您将所有内容都包含在#page中，并且具有白色背景。您需要做的是从div中取出标题，然后您可以创建所需的空间。你必须这样做：

<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将使您的内容居中。

Answer 2

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

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

2 个答案: