要素をはみ出して画面幅に拡大する

親要素をはみ出して画面幅に拡大する方法です

div {
width: 100vw;
margin-left: calc(50% - 50vw);
background: #8FC1F0;
}

子要素をコンテナーからはみ出して画面いっぱいに広げる方法