【css】親要素からはみ出して子要素を画面幅いっぱいに広げる

結論

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

片側の場合は片方だけを指定すればOK

解説

要素の半分から画面幅の半分を引くことで、画面幅までのネガティブマージンを算出している。

https://gokansoichiro.com/blog/css-calc-01/