100vw等于浏览器的视口宽度（如果有滚动条，视口宽度包含滚动条宽度）
image.png
对于浏览器来说，有任何一个元素无法在视口内显示，浏览器就会自动加滚动条，当浏览器出现y轴滚动条的时候，这个时候100vh视口宽度是包含滚动条的宽度的，但是如果我们的父元素宽度是100%（不含滚动条宽度），但是子元素是100vw（含滚动条宽度），这个时候设置子元素的100vw（含滚动条宽度）肯定是要超过父元素宽度，出现滚动条的
解决办法
开发过程中100vw少用，块级标签(不开启flex，float、position)的时候宽度默认就是100%，100vw没啥用，一般不要设置什么，如果即使用到了，也要加上max-width:100%控制下
