Html 包装器背景图像赢得'；不要翻页

我正在制作一个有1500个背景标题图片的登录页

内容容器是950px

我需要它，这样当屏幕大小改变时，内容会留在中心（而不仅仅是移动桌面）

当我把屏幕调整到1499以下的时候，我得到了一个滚动条，页面上没有任何东西移动。 我想要的是内容移动到中心，背景图像在任意大小上均匀地移出屏幕

<div id="wrapper">
  <div class="content">
     <p>all copy etc </p>
 </div>
</div>

---

包装器图像的宽度为1500px，但当屏幕调整大小时，我需要其中的一部分离开页面（均匀），以便内容保持在背景图像的中心。

您可以使用overflow:hidden来隐藏额外的溢出空间。

尝试以下样式-代码中的注释

#包装器{
宽度：100%；/*将div设为100%宽度，最大宽度使其收缩到1500px以下*/
最大宽度：1500px；
保证金：0自动；
背景：url（images.jpg）；
背景重复：无重复；
背景位置：顶部中心；/*确保背景与元素的顶部和中心对齐*/
}
.内容{
宽度：100%；/*将div设为100%宽度，最大宽度使其收缩到1500px以下*/
最大宽度：950px；
保证金：0自动；
}

所有副本等

我刚刚测试了它，但它不起作用。似乎没有任何效果，这正是我想要的。谢谢你工作得很好。谢谢

#wrapper{ width: 1500px; margin: 0 auto; background:url(images.jpg); background-repeat: no-repeat;   }
.content{width: 950px;  margin: 0 auto;  }