方法1、设置常规的滚动条：使用 overflow:auto
父元素需要设置一个高度，设置相对定位，这样子元素的高度大于父元素高度才能显示滚动条。如果父元素的高度完全由子元素撑开，界面上不会出现滚动条。
.father {
position: relative;
height: 100px;
border: 1px splid red;
}
.son {
overflow: auto;
height: 1000px;
}方法2、设置鼠标经过显示的滚动条：预设值盒子是 hidden
当鼠标经过这样盒子时，设置盒子的overflow 变成 auto。这样鼠标不经过时不会显示滚动条。缺点：如果盒子内部有文字，盒子的宽度变化可能造成文字的重新排版，视觉上有点不好看。
div {
overflow: hidden;
}
div:hover {
overflow: auto;
}方法3、设置界面可以滚动但是不显示滚动条
方法一：设置滚动条的样式（在webpack内核的浏览器比较适合）这样可以同时设置滚动条的宽度和颜色。这种办法很好。
div::-webkit-scrollbar {
width: 0;
}方法二：右侧元素设置宽度或者定位，将左侧元素的滚动条遮挡。这样的方法不入流，在移动端兼容不好实现。
div {
float: right;
width: 32}
div {
float: left;
width: 70
}更多前端开发知识，请查阅 HTML中文网 ！！
以上就是css如何设置不显示滚动条？的详细内容，更多请关注易知道|edz.cc其它相关文章！
