保持在窗口中心的Div调整大小并向左和向右溢出

Question

我基本上是想创造这种效果： https://squareup.com/

但我无法弄清楚当窗口调整大小时，当div保持在页面的中心位置时，如何让div向左溢出。

Answer 1

这是Fiddle

<强> HTML

<div class="content">

  <div class="wrapper">

    <h1>CONTENT</h1>

  </div>

</div>

<强> CSS

.content {
  background: url(../bg-image.png) center no-repeat;
  width: 100%;
  height: 400px;
}
.wrapper {
  width: 980px;
  height: 400px;
  margin: 0 auto;
}