以下にすると、innerのpadding-right、padding-leftがブラウザの両端まで伸びる
.wrap
width: 970px
margin: 0 auto
.inner
margin-right: calc(-1 * (100vw - 100%)/2)
margin-left: calc(-1 * (100vw - 100%)/2)
padding-right: calc((100vw - 100%)/2)
padding-left: calc((100vw - 100%)/2)
<div class="wrap">
<div class="inner">
</div>
</div>