写web端页面的时候,总是会出现横向滚动条,即 X 轴滚动条,导致页面左右滑来滑去。
即使设置了 body,html {overflow-x:hidden;100%;} 也无法生效。
解决代码:
html { overflow-y: scroll; } :root { overflow-y: auto; overflow-x: hidden; } :root body { position: absolute; } body { 100vw; overflow: hidden; }
原文:https://blog.csdn.net/zx562602419/article/details/81293405
内容参考自 张鑫旭大神的《小tip:CSS vw让overflow:auto页面滚动条出现时不跳动》