[CSS] 親要素を無視して子要素の幅を100%にする

<div class="container">
  <div class="content-full">
  </div>
</div>

.container{
  width: calc(100% - 40px);
  max-width: 750px;
  margin: 0 auto;
}
.content-full{
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
}