Html 让网站的右半部分在CSS中有不同的风格?

Html 让网站的右半部分在CSS中有不同的风格?,html,css,Html,Css,我有一个网站,一半是白色的,另一半是深灰色的。我现在正在使用一个包装器,它给它一个定义的宽度,并像这样居中:margin:0px auto 0px auto 如果你看这里的网站(链接被删除),你会看到黑条已经停止,并限制在该宽度内。为了实现这一目标,我的最佳选择是什么 您可以在这里查看我的样式表(链接已删除) 提前谢谢库尔顿也许在主div中,再创建两个div-左和右。然后在CSS中定义它们的大小/位置等。也许在主div中,再创建两个div-左和右。然后在CSS中定义它们的大小/位置等。要将深灰色

我有一个网站,一半是白色的,另一半是深灰色的。我现在正在使用一个包装器,它给它一个定义的宽度,并像这样居中:
margin:0px auto 0px auto

如果你看这里的网站(链接被删除),你会看到黑条已经停止,并限制在该宽度内。为了实现这一目标,我的最佳选择是什么

您可以在这里查看我的样式表(链接已删除)


提前谢谢
库尔顿

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

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

要将深灰色背景从div.right\u栏一直延伸到屏幕的右侧,可以从父元素div.wrapper中删除宽度。例如:

.wrapper { width: 100%; }

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

要将深灰色背景从div.right_栏一直延伸到屏幕的右侧,可以删除父元素div.wrapper的宽度。例如:

.wrapper { width: 100%; }
当指定div.wrapper上的宽度时,它不会填充页面的所有水平空间,body元素中的白色会显示出来

这样做了几次

创建一条灰色的长水平线作为图像。使其像1200像素宽(1像素高)。然后在CSS中将其设置为主体背景,如下所示:

background:url("urlToLongHorizontalLine.png") repeat-y scroll 52% 0 transparent;
52%将对其进行定位,使其仅从中心开始(您可能需要稍微调整),重复-y将垂直平铺

如果您有任何问题,请告诉我。

请重复几次

创建一条灰色的长水平线作为图像。使其像1200像素宽(1像素高)。然后在CSS中将其设置为主体背景,如下所示:

background:url("urlToLongHorizontalLine.png") repeat-y scroll 52% 0 transparent;
52%将对其进行定位,使其仅从中心开始(您可能需要稍微调整),重复-y将垂直平铺


如果您有任何问题,请告诉我。

考虑过这样做。但是我该怎么做呢?我有一个400像素的左键和500像素的右键。请发布一些代码!谢谢,库尔顿想了想。但是我该怎么做呢?我有一个400像素的左键和500像素的右键。请发布一些代码!谢谢CoultonI我不知道你在问什么。链接是否已经显示了您希望达到的效果?那不是你的网站吗?这是我的网站。我希望深灰色的背景一直延伸到右边,而不是剪掉并显示白色。如果这有道理的话。。实际上,我希望一半是白色,一半是深灰色。我很高兴我能帮上忙,库尔顿。我看到你已经编辑了这个问题并删除了你网站的链接。你能在这个问题中添加足够的上下文(相关代码)使这个问题有意义吗?关于Stackoverflow最好的问题是那些能帮助未来用户的问题。我不明白你在问什么。链接是否已经显示了您希望达到的效果?那不是你的网站吗?这是我的网站。我希望深灰色的背景一直延伸到右边,而不是剪掉并显示白色。如果这有道理的话。。实际上,我希望一半是白色,一半是深灰色。我很高兴我能帮上忙,库尔顿。我看到你已经编辑了这个问题并删除了你网站的链接。你能在这个问题中添加足够的上下文(相关代码)使这个问题有意义吗?关于Stackoverflow最好的问题是那些能帮助未来用户的问题。考虑一下这样做。真的不想把事情复杂化。将列更改为%,并放置包含内容的div。正在考虑这样做。真的不想把事情复杂化。将列更改为%,并放置包含内容的div。谢谢!做了相当多的重新安排,效果很好。。谢谢你的帮助!谢谢做了相当多的重新安排,效果很好。。谢谢你的帮助!