设置滚动工作表始终可见（设置滚动条样式）

想必现在有很多小伙伴对于设置滚动条样式方面的知识都比较想要了解，那么今天小好小编就为大家收集了一些关于设置滚动条样式方面的知识分享给大家，希望大家会喜欢哦。

  1、新建一个html文件叫做CssOverFlow.html（有html编辑工具的，就使用工具创建。没有工具的，可以先创建文本文件，再修改文件名即可）

  2、【默认的overflow样式】代码如下（当外层高宽比内部内容高宽小，且设置了overflow:auto，就会有滚动条产生）

  3、【默认的overflow样式】运行效果如下（横向和纵向都产生了滚动条）

  4、【修改后overflow样式】代码如下（修改滚动条的宽度、背景色等样式）

  5、【修改后overflow样式】运行效果如下（宽度减少了，背景色改变了）

  6、只要水平方向上的滚动条，则隐藏垂直滚动条，使用代码：overflow-x:auto;overflow-y:hidden

  7、只要垂直方向上的滚动条，则隐藏水平滚动条，使用代码：overflow-x:hidden;overflow-y:auto

本文到此结束，希望对大家有所帮助。