全宽度div背景颜色在流体网格布局内

Question

我正在尝试创建一个在流体网格布局内的div，该布局具有背景颜色，该背景颜色遍布整个页面的整个宽度，但仍然具有内容，例如深蓝色和光线https://unroll.me/

Answer 1

首先，您需要为蓝色背景创建DIV。然后，您需要创建蓝色背景div内部的div才能保存您的内容。

<div id="blueBackground">
    <div id="contentDiv">
      <!-- your content here -->
    </div>
</div>

接下来，您将使用CSS

样式

#blueBackground {
    background:#hexcolor;
    width:100%;
    padding: 40px 15px; /* first number sets vertical padding - second sets horizontal */
}
#contentDiv {
   width: 100%;
}

Answer 2

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