Css 不带'的居中div；t粘贴到边缘，但可以根据内容调整大小

以下是我努力实现的目标： 我有一个居中的布局，右边有一个侧边栏，还有一个包装侧边栏和内容的容器。 然而，容器有一种粗糙的外观，边界向外延伸。内容为960像素，背景为1200像素。 当我使用正常边距右/左自动方法将其居中时，它将居中，但当浏览器小于1200px的人访问该站点时，它将被推到一旁

由于页面中的内容将是动态的，因此使用绝对div不会给出我想要的结果，因为如果页面中有更多内容，它将不会调整大小

这个问题有什么解决方案吗？还是我必须用javascript来解决

---

链接到一个示例：

您并不总是需要使用容器

div

来将内容集中到背景中。您可以同样轻松地将边距应用于

主体

元素并使用居中图像。大概是这样的：

body {
  margin: 0 auto;
  width: 960px;
  background-image: url(myimage.png);
  background-repeat: repeat-y;
  background-position: top;
}

如果这是一个选项： 将当前正在1200px包装中使用的图像放在body标记中，然后使用

背景位置：上止点；
背景重复：无重复
把包装纸取下来

body {
  background-image:url(bigBackdrop.jpg);
  background-repeat:repeat-y;
  background-position:top center;
}

#content{
  width: 960px
  margin:0px auto;
  background-image:url(bigBackdrop.jpg);
  background-repeat:repeat-y;
  background-position:top center;
}

这应该是关键

以下是您想要实现的目标：
我不明白你要什么<代码>“当我使用正常的右边距/左边距自动方法将其居中时，它是居中的，但当浏览器小于1200px的人访问该站点时，它将被推到一旁。”

-您希望发生什么？它是否应该从

960px

调整到

960px

以下？考虑到目前为止发布的所有相关代码。我希望它能切断960px上的边界，而不是把它推到一边。我将用一些元代码编辑主要帖子来说明这个问题。边栏的代码在哪里你能给我们整个页面的HTML和CSS吗？这将保持图像居中，即使浏览器将宽度调整到小于960的任何值，而内容仍将粘在边缘。好的，很抱歉，我忘记添加：你必须将相同的背景图像添加到960px宽的元素-也居中。感谢这解决了问题，我仍然有相当大的滚动条从标题，但我会摆脱那些使用javascript：）一个其他问题弹出，这将不会在IE6-7工作。我们正在努力解决这个问题，但看起来IE根本不关心机身的宽度。你能为我们链接一个例子或在www.jsfiddle.net上创建一个小例子吗？我的大多数网站都是这样创建的，在5.5以上的IE版本中我都没有遇到过这个问题。