1、首先打开前端开发工具，新建一个HTML代码页面，如下图所示。
2、在html代码页面上创建一个父<div>和一个子<div>，同时给这两个div添加一个class分别为scroll-box、scroll。
3、给子<div>添加内容，为了让滚动条可以实现，尽量多添加一些内容。
4、设置scroll-box、scroll类样式。给scroll-box设置一个高度和内容超出后隐藏的样式，给scroll设置内容超出后显示滚动条、高度为100%、宽=100%+滚动条的宽
5、最后保存html代码，然后使用浏览器打开，这个时候会发现滚动条已经不显示出来，但是页面内容依然可以滚动。
CSS 禁止滚动条，有4种方法，具体如下：
1、完全隐藏在<boby>里加入scroll="no"，可隐藏滚动条；
<boby scroll="no">
2、在不需要时隐藏
指当浏览器窗口宽度或高度大于页面的宽或高时，不显示滚动条；
反之，则显示；
<boby scroll="auto">
3、样式表方法
在<boby>里加入style="overflow-x:hidden"，可隐藏水平滚动条；
加入style="overflow-y:hidden"，可隐藏垂直滚动条。
被包含页面里加入
<style>
html { overflow-x:hidden }
</style>
4、另一种方法
<style type="text/css">
body {
overflow-x:hidden
overflow-y:hidden
}
</style>
<style type="text/css">
html {
overflow-x:hidden
overflow-y:hidden
}
</style>
在css中要出现滚动条，就必需要设置height高度以及overflow属性相关，这两个都必需要设置不然出现不了滚动条。
程序：
</style>
<div class="y">
纵向滚动条
</div>
基本语法
overflow-x overflow-y
overflow : visible | auto | hidden | scroll
扩展资料：
CSS具有以下特点：
1、丰富的样式定义
CSS提供了丰富的文档样式外观，以及设置文本和背景属性的能力；允许为任何元素创建边框，以及元素边框与其他元素间的距离，以及元素边框与元素内容间的距离；允许随意改变文本的大小写方式、修饰方式以及其他页面效果。
2、易于使用和修改
CSS可以将样式定义在HTML元素的style属性中，也可以将其定义在HTML文档的header部分，也可以将样式声明在一个专门的CSS文件中，以供HTML页面引用。
参考资料来源：百度百科-Overflow
参考资料来源：百度百科-css
