margin父子合并与头图掉落实例页面

展示

代码

• HTML：

  <div class="container">
      <h2>CSS世界</h2>
  </div>

• CSS：

  .container {
      max-width: 1920px;
      height: 384px;
      background: url(cover.jpg) no-repeat center;
  }
  .container > h2 {
      font-size: 128px;
      margin-top: 100px;
      color: #fff;
  }