首先overflow:scoll的意思是当页面内容超出一屏(或者你给body设置的宽度)时显示滚动条的意思。
当没有超出时告并，当然只有X和Y的轴。
问题出在，背景图片不能设置大小。HTML不会计算出背景图片的大小，这和直接插入的图片是有区别的。
解决办法
1.把body的宽度和高度，和图片真实大小设置为一致。
2.就像你说的body里包的一个div，你碧塌给那个div设置的宽度和高度和图片一致即可。
另外题外补充，overflow还有两个其它参数。只显示Y轴或者X轴。不会overflow的使用在IE和FF中是有明显差异的。
如果仍没解决，本站Hi或者站内消息袜慧迹可以找到我
/* 设置滚动条的样式 */::-webkit-scrollbar { width: 12px;}
/* 滚动斗早槽扰运 */缓销梁::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px;}
/* 滚动条滑块 */::-webkit-scrollbar-thumb { border-radius: 10px; background: rgba(0,0,0,0.1);
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);}
::-webkit-scrollbar-thumb:window-inactive { background: rgba(255,0,0,0.4);}
目前只有chrome支持设置滚动条样式，给div设置伪类::-webkit-scrollbar 滚动条整体部分，可以设置宽度啥的
::-webkit-scrollbar-button 滚动羡腊条两端的按钮
::-webkit-scrollbar-track 外层轨道厅敏
::-webkit-scrollbar-track-piece 内层滚动槽扮派枝
::-webkit-scrollbar-thumb 滚动的滑块
::-webkit-scrollbar-corner 边角
::-webkit-resizer 定义右下角拖动块的样式如div::-webkit-scrollbar{
width:4px
}
以上就是土嘎嘎小编大虾米为大家整理的css滚动条设置_如何用css改变滚动条的大小相关主题介绍,如果您觉得小编更新的文章对您有所帮助，不要忘记讲本站分享给您身边的朋友哦！！