javascript - 保持居中调整窗口大小并向左和向右溢出的 Div

Question

我本质上是在尝试创造这种效果： https ://squareup.com/

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

Answer 1

这是一个小提琴

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;
}