Html 将与内容区域相关的网站居中，其中内容区域小于分隔条divs

我有一个网页，整个页面的页脚、页眉和分隔符都比内容区分隔符本身宽

我的网站中心是：

.wrap {

width: 1500px;
margin: 0 auto;

}

当我将窗口的大小调整为较小的大小时，只要较宽的页脚、页眉和分隔符到达屏幕的左/右侧-，中心视图就会被打断

我需要的是它只在内容区域到达浏览器屏幕的末尾时停止

我尝试将较宽div的宽度更改为：

max-width: 1500px;
min-width:960px;

它有点解决了问题，如果我的宽div有坚实的背景，它会工作得很好，但是我的分隔div没有。因此，我可以看到分隔符在调整屏幕大小时“移动”——

---

我确信有一个简单的解决方法，我只是不知道它是什么：D

为了使分隔符随内容移动，您必须将背景位置设置为背景属性

.divider { background: url("sprite.png") no-repeat scroll center 0 rgba(0, 0, 0, 0);

---

*正如你建议的那样，我的macbook air屏幕尺寸甚至无法看到整个网站，以查看发生了什么：p但我想你没有在divs上设置%，但px可能设置了，或者最小宽度设置得太高了，看到了吗，我不想让我们的Mac朋友感到受到任何限制，他们每天都在这样做：我想你从来没有尝试过Mac，那么…让我们不要在顶级Mac/win线程中使用它，不，我确实尝试过plenty@emmanuel当1500px的宽度达到时，内容区开始在视觉上相对于分隔器移动对不起，响应太晚了，你是最好的！