css - 让一个 1132px 的面板在 1024px 的屏幕上居中而不需要滚动？

Question

我想要一个 1024 像素宽的网站，带有渐变背景图片。我有一个 1132 像素宽的面板，因为我想要宽屏分辨率来查看面板的末端。但是，我不想要滚动条。

想象一下有一个 1024 像素的正方形，中间有一个 1132 像素的面板。在 1024 像素宽的屏幕/浏览器上，面板似乎永远不会在没有水平滚动条的情况下结束，但是当您在 1280 像素宽的屏幕上查看它时，您会看到面板结束。谁能帮我实现这个目标？ IE6兼容优先。谢谢!

Answer 1

将常用的居中技术与 overflow-x: hidden; 相结合似乎可以解决问题:

body { overflow-x: hidden; }
#content {
  width: 900px;
  position: absolute;
  left: 50%;
  margin-left: -450px;
}

现场演示: http://jsfiddle.net/brianpeiris/RRqAq/show