【CSS】親要素を無視して画面幅いっぱいにする

画面幅いっぱいにしたい要素に以下のスタイルを指定します。

margin-right: calc(50% - 50vw);
margin-left: calc(50% - 50vw);

要素の内容は、
親要素の幅内に納めたい場合は、
併せて padding も設定します。

padding-right: calc(50vw - 50%);
padding-left: calc(50vw - 50%);