qq_40071931的博客

原创 Css 设置vw和vh=100% 出现滚动条，内容超出视口 原因及解决

如图，而背景视频超出部分和滚动条一样宽，而宽度不包含滚动条(即视口宽度-滚动条宽度)，div.outer 超出 html 的部分宽度正好为一个 margin 宽度 + 一个滚动条宽度。检查发现， 含有8px的margin，body > div#app > div.outer，div.outer和视口一样大，又往右下角偏移了8px，故使页面内容超出视口大小导致出现滚动条。滚动条一般不影响视口大小，故滚动条区域也属于视口内，背景视频略超出“可视范围”应该是部分被滚动条遮盖。