从固定宽度div中打破div变为100％宽

Question

在this page，我希望div.bouble_shaded_bg_full-width成为浏览器宽度的100％。

我尝试过以下CSS，但这不能正常工作，将div推到页面的一边：

.bouble_shaded_bg_full-width {
    margin-left: calc(((100%-1140px)/2)*(-1));
    margin-right: calc(((100%-1140px)/2)*(-1));
}

主要内容区域为1140px宽。

如果div.bouble_shaded_bg_full-width的浏览器宽度是100％，如果它包含在固定宽度的div中？

Answer 1

尝试100vw，这将是视口宽度的100％。

Answer 2

下面应该这样做，删除你当前的右/左边距。

.bouble_shaded_bg_full-width {
  width:100vw;
  position:relative;
  left:50%;
  margin-left:-50vw;
}