我目前正在开发一个教育网站。

我希望我的所有页面this one. 因为侧面的背景是由图像构成的，但内容的背景是灰色的。

我有三个无法解决的问题：

第一，我根本无法将灰色背景添加到我的第一页。第二个问题是如果没有足够的内容来填充页面like here, 我要到页脚才能看到灰色的背景。和侧边栏一样，我无法在它们下面获得背景色。

我试图用css解决这个问题。

首先，我设置了所有身体元素的背景

background-image:url(\'http://www.dadi.rtu.lv/image/tikls.svg\');

然后我试着在这样的内容下填充灰色背景

.entry-content {
background-color: #e6e6e6;
}
#sidebar-primary {
    background-color: #e6e6e6;
    }
.widget-area .widget {
background-color: #e6e6e6;
}
.page article.page { background-color: #e6e6e6; }

在google和stackoverflow中搜索，我知道应该通过在我的内容周围使用div标记并为其提供背景色来解决这个问题。但我想不出来。

我的页面设置如下（第一个页面除外）：

<div class="grey"><!--this is my new div tag-->
<div id="primary" class="content-area">
        <main id="main" class="site-main" role="main">
        </main><!-- #main -->
    </div><!-- #primary -->
</div>

我的新div标签的CSS：

.grey {
    background-color: #e6e6e6;
    display: block;
}

我的目标是从导航栏中获取新的div标签，直到带有灰色背景的页脚。我有一段时间对此感到困惑，所以我们将非常感谢您的帮助！

body {
    background-image: url(\'IMAGE URL\');
    background-repeat: repeat;
    width:100%
    overflow:hidden;
    float:left
}

.grey {
    background-color: #e6e6e6;
    display: block;
    float:left;
    overflow:hidden;
    width:500px // You can also set as 100%
}