在標題和頁面內容之間創建透明間隙

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設置在左側和右側邊距將會使您的內容居中。