我有一个网页，其中整个页面的页脚、页眉和分隔符 div 比内容区域 div 本身更宽。
我将网站置于中心位置:
.wrap {
width: 1500px;
margin: 0 auto;
}
当我将窗口调整为更小的尺寸时，一旦更宽的页脚、页眉和分隔线 div 到达屏幕的左侧/右侧，居中 View 就会被破坏 - http://bit.ly/1nWeHn4 .
我需要的是它仅在内容区域到达浏览器屏幕末尾时停止。
我尝试将较宽的 div 的宽度更改为:
max-width: 1500px;
min-width:960px;
它有点解决问题，如果我的较宽的 div 有坚实的背景，它会工作正常，但我的分隔线 div 不是。结果，我可以在调整屏幕大小时看到分隔线“移动”- http://bit.ly/1vFxAJR
我确信有一个简单的修复方法，我只是还不知道它是什么 :D
最佳答案
为了使divider 随内容移动，您必须将background-position 设置为background 属性。
.divider { background: url("sprite.png") no-repeat scroll center 0 rgba(0, 0, 0, 0);
* 按照您的建议也将 background-repeat 更改为 no-repeat
关于html - 与内容区域相关的居中网站，其中内容区域小于分隔线 div，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/26208458/