css - 将一个 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));
}

主要内容区域的宽度为 1140 像素。

如果 div.bouble_shaded_bg_full-width 包含在固定宽度的 div 中，如何使它成为浏览器宽度的 100%？

Answer 1

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

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