我在一个网站上工作,中间使用了一个 960 容器,现在唯一的问题是设计师在某些div
s 上使用了不同的背景颜色。
所以我现在的代码是:
<div id="content">
<!-- the content needs to 960 on the width only the background need the full width of the page -->
<div class="whitebackground">
<!-- content -->
</div>
<div class="bluebackground">
<!-- content -->
</div>
</div>
CSS:
#content {
margin: 0px auto;
min-height: 700px;
position: relative;
width: 960px;
}
.whitebackground{
width: 100%;
background:#FFF;
}
.bluebackground{
width: 100%;
background:#0054fe;
}
现在的问题是div
s 的背景颜色当然只在内容里面div
。有什么方法可以让div
s 的颜色超出内容的范围div
并占据整个页面的宽度?