在一个页面中为每个div提供不同的背景颜色

Question

我的网站有一个固定的导航栏，我在旋转木马中添加了所以我使用的位置：绝对所以我可以显示分辨率屏幕尺寸的100％的宽度。

我正试图在我的网站上为不同的信息设置不同的背景颜色。喜欢这个网站 http://wrapbootstrap.com/preview/WB046281S

我知道如何使它成为不同的背景颜色，但我遇到的问题是当我调整窗口大小时，我的文本会重叠，这是一个例子：

Answer 1

您可以使用不同的背景颜色创建div

HTML

<div id="sec-one">
</div>
<div id="sec-two">
</div>

CSS

#sec-one {
  background-color: red;
  height: 300px;
  width: 100%;
}
#sec-one {
  background-color: yellow;
  height: 300px;
  width: 100%;
}