这样设定的效果为不管你的页面高度大于还是小于300px,都会出现滚动条,还有这里overflow设置为auto,也就说是如果你的页面高度大于300px就会出现滚动条,CSS的滚动条参数说明：1、overflow-y : 设置当对象的内容超过其指定高度时如何管理内容,3、也可以这样设置水平滚动条：《div style=“width:100px;overflow-x:auto“》《/div》垂直滚动条：《div style=“height:300px;overflow-y:auto“》《/div》水平加垂直：《div style=“width:100px;height:300px;overflow-x:auto;overflow-y:auto“》《/div》扩展资料《div》 可定义文档中的分区或节（division/section）,class为test1加滚动条样式：.test1::-webkit-scrollbar {width: 8px;}.test1::-webkit-scrollbar-track {background-color:red;-webkit-border-radius: 2em;-moz-border-radius: 2em;border-radius:2em;}.test1::-webkit-scrollbar-thumb {background-color:green;-webkit-border-radius: 2em;-moz-border-radius: 2em;border-radius:2em;}怎么给div加滚动条1、《div style=“height:300px;width:100px;overflow:auto“》《div/》（height和width根据需求设定） 注意:如果只写height就只有垂直滚动条,overflow-x : 设置当对象的内容超过其指定宽度时如何管理内容,只写width就只有水平滚动条,都不写没有效果,还可以设置边框属性 ::-webkit-scrollbar-track-piece { background-color:#f8f8f8; }//滚动条的宽度 ::-webkit-scrollbar {width:9px;height:9px; }//滚动条的设置 ::-webkit-scrollbar-thumb {background-color:#dddddd;background-clip:padding-box;min-height:28px; }::-webkit-scrollbar-thumb:hover {background-color:#bbb; }扩展资料：给某个div。
CSS的滚动条
参数说明：1、overflow-y : 设置当对象的内容超过其指定高度时如何管理内容；overflow-x : 设置当对象的内容超过其指定宽度时如何管理内容。参数:visible：扩大面积以显示所有内容auto：仅当内容超出限定值时添加滚动条hidden：总是隐藏滚动条scroll：总是显示滚动条2、height : 设置滚动条的高度（修改其后数值即可）。3、滚动条颜色参数设置：scrollbar-3d-light-color 设置或检索滚动条亮边框颜色scrollbar-highlight-color 设置或检索滚动条3D界面的亮边（ThreedHighlight）颜色scrollbar-face-color 设置或检索滚动条3D表面（ThreedFace）的颜色 scrollbar-arrow-color 设置或检索滚动条方向箭头的颜色scrollbar-shadow-color 设置或检索滚动条3D界面的暗边（ThreedShadow）颜色scrollbar-dark-shadow-color 设置或检索滚动条暗边框（ThreedDarkShadow）颜色scrollbar-base-color 设置或检索滚动条基准颜色
css清除滚动条样式设置
去掉横向滚动条：《body style=’overflow:scroll;overflow-x:hidden’》去掉竖向滚动条：《body style=’overflow:scroll;overflow-y:hidden’》两个都去掉：《body scroll=“no“》
css怎样设置滚动条的颜色及样式
改变浏览器默认的滚动条样式：
//滚动条凹槽的颜色，还可以设置边框属性
::-webkit-scrollbar-track-piece {
background-color:#f8f8f8;
}
//滚动条的宽度
::-webkit-scrollbar {
width:9px;
height:9px;
}
//滚动条的设置
::-webkit-scrollbar-thumb {
background-color:#dddddd;
background-clip:padding-box;
min-height:28px;
}
::-webkit-scrollbar-thumb:hover {
background-color:#bbb;
}
扩展资料：
给某个div，class为test1加滚动条样式：
.test1::-webkit-scrollbar {
width: 8px;
}
.test1::-webkit-scrollbar-track {
background-color:red;
-webkit-border-radius: 2em;
-moz-border-radius: 2em;
border-radius:2em;
}
.test1::-webkit-scrollbar-thumb {
background-color:green;
-webkit-border-radius: 2em;
-moz-border-radius: 2em;
border-radius:2em;
}
怎么给div加滚动条
1、《div style=“height:300px;width:100px;overflow:auto“》《div/》（height和width根据需求设定）
注意:如果只写height就只有垂直滚动条，只写width就只有水平滚动条,都不写没有效果。还有这里overflow设置为auto,也就说是如果你的页面高度大于300px就会出现滚动条，小于300px就没有滚动条。同理，如果宽度大于100px出现滚动条，小于就没有。
2、你也可以将overflow设置为scroll，即:《div style=“height:300px;width:100px;overflow:scroll“》《div/》。这样设定的效果为
不管你的页面高度大于还是小于300px,都会出现滚动条，宽度同理。
3、也可以这样设置
水平滚动条：《div style=“width:100px;overflow-x:auto“》《/div》
垂直滚动条：《div style=“height:300px;overflow-y:auto“》《/div》
水平加垂直：《div style=“width:100px;height:300px;overflow-x:auto;overflow-y:auto“》《/div》
扩展资料
《div》 可定义文档中的分区或节（division/section）。
《div》 标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具，并且不使用任何格式与其关联。
如果用 id 或 class 来标记 《div》，那么该标签的作用会变得更加有效。
注释：《div》 是一个块级元素，也就是说，浏览器通常会在 div 元素前后放置一个换行符。
提示：请使用 《div》 元素来组合块级元素，这样就可以使用样式对它们进行格式化。
参考资料：百度百科 div