Question

我是学习网页设计的新手，请看一下＆gt; this images

这里我想要以960px的宽度包装内容（红色框）但我希望每个内容/部分都有不同的背景颜色（仅举例）但背景宽度超过包装，或者可能是全宽/ 100％

我该怎么做？感谢

编辑：例如，做这样的事情的网站是IMAGESHACK，背景颜色是屏幕的全宽，但内容仍然包装到主包装

Answer 1

您需要一个宽度为960px的容器：

<div class="lightGray">
    <div class="container" style="width:960px">Content</div>
</div>

<div class="medGray">
    <div class="container" style="width:960px">Content</div>
</div>

<div class="darkGray">
    <div class="container" style="width:960px">Content</div>
</div>

这将允许颜色在屏幕上一直展开，并在内容扩展时展开。当然，我会偏离内联造型。只需创建一个名为container的类：

.container {width: 960px;}

Answer 2

您正在寻找CSS属性overflow。

以下是一个示例：http://www.w3schools.com/cssref/pr_pos_overflow.asp

以下是摘要：https://developer.mozilla.org/en-US/docs/Web/CSS/overflow

你知道div吗？它们对于这类事物非常有用！

如何用不同的背景包装内容？

2 个答案: