在CSS中使网站的右半部分风格不同？

Question

我有一个网站，一半是白色，另一半是深灰色。我现在正在使用一个包装器，它给它一个定义的宽度，并将其居中设置为：margin: 0px auto 0px auto;。

如果您在此处查看网站（已删除链接），您会看到黑条已经停止并且仅限于该宽度。为了达到这个目的，最好的选择是什么？

您可以在此处查看我的样式表（已删除链接）。

提前致谢！
Coulton

Answer 1

要将深灰色背景从div.right_bar一直延伸到屏幕右侧，您可以从父元素div.wrapper中删除宽度。例如：

.wrapper { width: 100%; }

当指定div.wrapper上的宽度时，它不会填充页面的所有水平空间，并且body元素中的白色显示为。

Answer 2

完成这几次。

将该灰色的LOOOONG水平线创建为图像。使其像1200px宽（1px高）。然后在CSS中将其设置为正文背景，如下所示：

background:url("urlToLongHorizontalLine.png") repeat-y scroll 52% 0 transparent;

52％将它定位，使其仅从中心开始（您可能需要稍微调整），并且repeat-y将垂直平铺。

如果您有任何问题，请与我们联系。

Answer 3

也许在你的主要div中，创建另外两个div - 左和右。然后在CSS中定义它们的大小/位置等。