html - 在一个较小的容器中溢出一个较大的容器并将其居中

Question

基本上，我正在寻找一种方法，使 1600 像素的容器在 940 像素的容器中居中。

我希望页面始终居中，网站主要内容的宽度为 940px。我有一个 1600px 的图像，只需添加图像就会强制图像与 940px 容器向左对齐并向右溢出 660px。有关示例，请参见下图。

我想要的是在 940px 容器内居中的图像，并保存添加多个背景图像，这真的不是 IE8 之前的友好，我很茫然。

我以前从来没有真正需要这样做，所以我从来没有遇到过这个问题。

现在，我将页面设置为 1600 像素的主容器。这可行，但是当您打开页面时，页面从 1600px 容器的最左侧开始，主要内容似乎没有居中。

下面的示例 2 是我要查找的内容。

非常感谢任何帮助。谢谢伙计们!

Answer 1

或者您可以使用以下属性将 1600 容器相对于页面居中:

left: 50%;
margin-left: -800px;