Css 流体栅格布局内的全宽div背景色

我正在尝试创建一个位于流体网格布局内的div，该布局的背景颜色横跨页面的整个宽度，但仍保留内容，如

的深蓝色和浅蓝色部分。首先，您需要为蓝色背景创建一个div。然后需要在蓝色背景div内创建一个div来保存内容

接下来，您将使用CSS设置div的样式

#蓝背景{
背景：#六色；
宽度：100%；
填充：40px 15px；/*第一个数字设置垂直填充-第二个设置水平填充*/
}
#contentDiv{
宽度：100%；
}

这个问题太模糊了，在其他问题和基本搜索结果中有详细介绍。然而，你可能想从这里开始，这是成功的！我只是把div“blueBackground”放在网格容器的外面，它正是我想要的。我感谢你的帮助！

#mydiv {
    width: 100%;
    background: blue;
}