Css 两侧背景不同的居中DIV

所以我正在创建一个网站，它的所有内容都集中在一个中心分区中

我使用左边距和右边距设置为“自动”来居中我的内容，在我的内容的左侧我想要一个纯白色背景，但在右侧，我想要重复一个图案背景

也许我的大脑工作不正常，但今天我想不出解决办法

-------------------------------------------
|  white    |   content       |  pattern  |         
|    bg     |   centered      |    bg     |
|           |                 |           |
|           |                 |           |
-------------------------------------------

---

你可以用其中一个。然后，只需将第三列的背景图像设置为您想要的任何图像，然后重复。

您可以使用三列布局技术，将右列和左列设置为不同的背景。其中一个就是这样描述的

根据背景图像，您还可以执行以下操作： 背景：url（…）#000重复-y右

---

如果背景图像足够宽，可以从屏幕右侧延伸到中心内容下方，并且需要垂直重复，则可以使用此方法。然而，这将根据不同的屏幕分辨率而改变。

使用一个1680px宽的图像，一半是白色，一半是图案，然后使用

repeat-y

垂直和居中重复它……这将有助于您将来说，如果您想将背景更改为单一图案，则无需更改任何其他内容，只需更改bg img文件

body{
    background:url(../images/bg.jpg) fixed;
    background-repeat:repeat-y;
    background-position:top center;
}

您还可以使用

margin:0 auto

*您可以在photoshop中轻松创建半白半图案的背景图像，可能不需要问题标题中的[CSS]完美！它可能不是最干净的解决方案，但它使我不必完全重写页面的结构。我的3000px宽的bg/模式仍然低于2kb，所以文件大小不是问题。我使用类似的东西为我的网站添加阴影。相信我，这是一个很好的解决方案gamespot，gametrailers使用类似的技术为其内容添加阴影