html - 网站比没有水平滚动条的浏览器更宽

Question

我有一个我正在处理的网站，它在左上角、右上角、左下角和右下角都有 greebles。它的全宽大约为 1100px。实际内容区域在 960px 布局内。

我希望网站正确居中，直到 960 像素，额外的图像从左右消失，但如果超过 960 像素，则不会导致任何水平滚动。

所有四个图像都是单独的文件(不能真正加入它们)并且已经有一个背景图像。我有没有提到它们是通过 CSS 添加的，而不是作为文件内图像添加的？

谢谢!

编辑:这确实必须在 IE6 中工作。不是我的选择:(

Answer 1

您可以使用 overflow: hidden在 body 标签(或任何包含主要内容的容器标签)的 CSS 中，以防止出现滚动条。一些浏览器允许您将其限制为水平或垂直内容(在您的情况下为 -ms-overflow-x 和 overflow-x，因为您正在处理水平溢出；有相应的 y 样式)。根据 this link，我认为这些是/将成为 CSS3 的一部分。 .