100 ВВт, вызывая горизонтальный переполнение, но только если более одного? ⇐ CSS

[Anonymous]

Скажем, у вас есть: < /p>

html, body {margin: 0; padding: 0}
.box {width: 100vw; height: 100vh}

Screen 1
< /code>

Вы получите что -то, что заполняет экран, без прокрутки. Но добавьте другое: < /p>

Screen 1
Screen 2
< /code>

Вы получаете не только вертикальные полосы прокрутки (ожидается), но и небольшая горизонтальная свиток. < /p>

Я понимаю, что вы можете Опустите ширину или установите ее на ширину: 100%, но мне любопытно, почему это происходит. Разве 100 ВВт не должно быть "100% от ширины видового порта"?

Подробнее здесь: https://stackoverflow.com/questions/233 ... e-than-one