css中滚动条的单词 |css为什么要清浮动

::-webkit-scrollbar   /* 定义滚动条 */
::-webkit-scrollbar-track   /* 定义滚动条轨道 */
::-webkit-scrollbar-thumb  /* 定义滚动条手柄 */
::-webkit-scrollbar-button   /* 定义滚动条按钮 */
::-webkit-scrollbar-corner   /* 定义滚动条边角 */
::-webkit-scrollbar-resizer   /* 定义滚动条大小调整器 */

其中，::-webkit-scrollbar是表示整个滚动条的伪元素。track表示轨道，通常用来设置滚动条的背景颜色和样式。thumb用来设置滚动条的手柄，也就是大家平常鼠标拖拽的那个小方块。button表示滚动条的按钮，用来控制滚动条滚动的位置。corner表示滚动条的边角，例如在右侧栏滚动条的右下角。而resizer则是定义滚动条的大小调整器，是一些不常用的功能。

除了这些常用的CSS中滚动条单词，大家还可以通过一些CSS属性来进一步控制滚动条的样式和行为，例如：

overflow: auto;   /* 使元素出现滚动条 */
scrollbar-width: thin;   /* 设置滚动条的宽度 */
scrollbar-color: blue yellow;   /* 设置滚动条颜色 */

可以看出，滚动条不仅仅是一个简单的功能，通过掌握一些滚动条的单词和属性，大家可以更好地定制网页的UI，给用户带来更好的浏览体验。