title: 100vw causing horizontal overflow, but only if more than one?
body: <p>Say you have this:</p>
  
  <pre><code>html, body {margin: 0; padding: 0}
  .box {width: 100vw; height: 100vh}
  
  &lt;div class="box"&gt;Screen 1&lt;/div&gt;
  </code></pre>
  
  <p>You'll get something that fills the screen, no scrollbars. But add another:</p>
  
  <pre><code>&lt;div class="box"&gt;Screen 1&lt;/div&gt;
  &lt;div class="box"&gt;Screen 2&lt;/div&gt;
  </code></pre>
  
  <p>You get not only vertical scrollbars (expected), but a slight horizontal scroll.</p>
  
  <p>I realize you could omit the width, or set it to width: 100%, but I'm curious why this is happening. Isn't 100vw supposed to be "100% of the viewport width"?</p>