Question

我有一个网页，页面中的页脚，页眉和分隔符div比内容区域div本身宽。

我在网站中心：

.wrap {

width: 1500px;
margin: 0 auto;

}

当我向较小的尺寸调整窗口大小时，只要WIDER页脚，页眉和分隔符div到达屏幕的左/右侧，{@ 3}}就会打破居中的视图。

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

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

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

它解决了这个问题，并且如果我的更广泛的div具有坚实的背景，那么它将正常工作，但是我的分频器不是。因此，我可以在调整屏幕大小时看到分隔符“移动” - http://bit.ly/1nWeHn4

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

Answer 1

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

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

*按照建议将背景重复更改为不重复