横幅を要素の幅を超えて表示する方法(width)

.over-width {
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
}

基本的にこれでいけるはずですが、できてませんね。サイドコンテンツが邪魔をしてる場合があります。
サイドコンテンツの幅が300pxなのでその半分を調整させます。

.over-width {
    margin-left: calc(50% - 50vw + 150px);
    margin-right: calc(50% - 50vw - 150px);
}

これで画面幅いっぱいに表示するようになりました。