.div{
width:100%;
height:200px;
overflow-x:hidden;
overflow-y:auto;
}
/*兼容IE*/
scrollbar-face-color: #20a774;/*移动滑块颜色*/
scrollbar-shadow-color: #20a774;/*移动滑块边框颜色*/
scrollbar-track-color: #ccc;/*背景颜色*/
scrollbar-arrow-color: #ddd;/*箭头颜色*/
.div::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
background-color: #ccc;
}/* 滚动条的滑轨背景颜色 */
.div::-webkit-scrollbar
width: 6px;
.div::-webkit-scrollbar-thumb
background-color: #20a774;
}/* 滑块颜色 */当div内的内容超过200px时才会显示滚动条，下边的代码是对滚动条的优化，希望对你有帮助。
::-webkit-scrollbar{width:14px;}
::-webkit-scrollbar-track{background-color:#bee1eb;}
::-webkit-scrollbar-thumb{background-color:#00aff0;}
::-webkit-scrollbar-thumb:hover {background-color:#9c3}
::-webkit-scrollbar-thumb:active {background-color:#00aff0}这段代码放倒CSS文件里去，宽度颜色自己修改，且只在webkit内核浏览器下才生效，就是谷歌浏览器的内核。
overflow-y:scroll;
#div3{width:30px;height:30px;overflow:scroll}
div 加滚动条的方法：
div 设置滚动条显示：overflow :yes
div 设置滚动条自适应显示：overflow :auto
div 设置上下滚动条显示：overflow-y :yes
div 设置上下滚动条自适应显示：overflow-y :auto
如果该div被包含在其他对象例如td中，则位置可设为相对：position:relative
首先你必须要给div3设置一个宽高。然后再设置
#div3{overflow:auto;} 当内容溢出时显示滚动条。
#div3{overflow:scroll;} 不管是否溢出都显示滚动条。
单独设置横向或竖向的滚动条。那属性就是 overflow-x 或者 overflow-y
以上就是土嘎嘎小编大虾米为大家整理的div滚动条设置_给div下的div增加滚动条相关主题介绍,如果您觉得小编更新的文章对您有所帮助，不要忘记讲本站分享给您身边的朋友哦！！