css做右边的滚动条

CSS做右边滚动条是网页设计中比较常见的一种布局方式，它可以让页面内容超出可视范围，通过滚动条让用户方便查看。以下是一段CSS代码实现右侧滚动条的样式：

    /* 滚动条样式 */
    ::-webkit-scrollbar {
        width: 6px;   /* 滚动条宽度 */
        height: 10px; /* 滚动条高度 */
    }
    ::-webkit-scrollbar-track {
        background-color: #eaeaea; /* 滚动条轨道颜色 */
    }
    ::-webkit-scrollbar-thumb {
        background-color: #9f9f9f; /* 滚动条手柄颜色 */
        border-radius: 6px; /* 滚动条手柄圆角 */
    }
    ::-webkit-scrollbar-thumb:hover {
        background-color: #666; /* 鼠标悬停时的手柄颜色 */
    }
    ::-webkit-scrollbar-corner {
        background-color: transparent; /* 滚动条角落颜色 */
    }

在使用这段CSS样式时，需要将它放到你的CSS文件中，或者直接写到HTML的style标签中。当文本内容宽度超过父容器宽度时，即可出现右侧滚动条。

需要注意的是，这段CSS只对webkit内核的浏览器有效，如果需要兼容更多浏览器，需要添加相应的前缀。此外，当前已经有现成的js插件可以快速实现类似功能，如mCustomScrollbar、perfect-scrollbar等。