本文摘自PHP中文网，作者藏色散人，侵删。
css显示滚动条的方法：首先创建一个HTML示例文件；然后在body中输入一些div内容；最后给div添加css样式为“overflow: scroll;”即可使元素内容溢出时出现滚动条。
本文操作环境：windows7系统，HTML5&&CSS3，Dell G3电脑。
css可以使用overflow属性来设置滚动条，为元素框设置overflow:scroll样式即可使元素内容溢出时出现滚动条。
示例：
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 |
|
效果如下：
overflow 属性规定当内容溢出元素框时发生的事情。
这个属性定义溢出元素内容区的内容会如何处理。如果值为 scroll，不论是否需要，用户代理都会提供一种滚动机制。因此，有可能即使元素框中可以放下所有内容也会出现滚动条。
属性值：
visible 默认值。内容不会被修剪，会呈现在元素框之外。
hidden 内容会被修剪，并且其余内容是不可见的。
scroll 内容会被修剪，但是浏览器会显示滚动条以便查看其余的内容。
auto 如果内容被修剪，则浏览器会显示滚动条以便查看其余的内容。
inherit 规定应该从父元素继承 overflow 属性的值。
推荐学习：《css视频教程》
以上就是css怎么显示滚动条的详细内容，更多文章请关注木庄网络博客！
相关阅读 >>
html5 border属性怎么设置？html5 table中的border属性介绍
使用 css 实现一个简单的骨架屏（skeleton screen）
更多相关阅读请进入《css》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
