title: 100vw DIV not showing full width
body: <p>I am trying to make the gray <code>div(id='ex-home-bottom-container')</code> toward the bottom of this page <a href="http://patrickbaker.biz/starter-d/" rel="nofollow noreferrer">http://patrickbaker.biz/starter-d/</a> the width of the full page.  Which means breaking it out of the container div.  I've done this using the Firebug style editor in Firefox (it's not live on the site):</p>
  
  <pre class="lang-css prettyprint-override"><code>#ex-home-bottom-container {
    box-sizing: border-box;
    width: 100vw;
    left: calc(-50vw+50%);
  }
  </code></pre>
  
  <p>That sort of thing has worked in the past but it's not this time.  The div is showing as full width but the left is constrained by the parent DIV.  Which it shouldn't be.  Any suggestions?</p>