100vw DIV没有显示全宽

Question

我正在尝试将灰色div(id='ex-home-bottom-container')放在此页面底部http://patrickbaker.biz/starter-d/整页的宽度。这意味着将其从容器div中分离出来。我使用Firefox中的Firebug样式编辑器完成了这项工作（它不在网站上）：

#ex-home-bottom-container {
  box-sizing: border-box;
  width: 100vw;
  left: calc(-50vw+50%);
}

这种事情过去有效，但现在不是这样。 div显示为全宽，但左边由父DIV约束。它不应该是。有什么建议吗？

Answer 1

1. 从overflow: hidden移除.site-inner隐藏前家底部容器的扩展空间
除非指定了位置，否则
2. left属性将不起作用。请改用margin-left。

#ex-home-bottom-container {
  box-sizing: border-box;
  width: 100vw;
  margin-left: calc(-50vw + 50%);
}

<强>输出：