Question

我正在尝试创建一个与中心div垂直对齐的全宽背景图像。我应该围绕所有内容创建一个包装器，还是有另一种方法（没有绝对定位）？感谢。

编辑：对不起，如果我没有解释得这么好。我改变了形象。

Answer 1

是的，你想使用包装器：

<强> CSS：

#wrapper { width: 100%; background: url(yourimage.png) left center repeat-x; }
#content { width: 960px; margin: 0 auto; }

<强> HTML：

<div id="wrapper">
   <div id="content">
      My content
   </div>
</div>

Answer 2

背景图片不会显示在其包含元素之外。这并不意味着背景图像的全部或部分不能位于其元素之外，只是在呈现页面时不会显示元素边界之外的部分。

所以简而言之，是的。你必须使用包装器div。