css 滚动条不显示

在CSS中，隐藏滚动条可以通过设置滚动条相关的CSS属性来实现。具体方法根据不同的浏览器可能会有所不同，通常可以使用以下几种方式：

1. 对于Webkit内核的浏览器（如Chrome和Safari），可以使用以下的CSS代码隐藏滚动条：

   .no-scroll-bar::-webkit-scrollbar {
       display: none; /* 隐藏滚动条 */
   }

2. 对于Firefox浏览器，可以尝试设置`scrollbar-width`属性为`none`来隐藏滚动条：

   .no-scroll-bar {
       scrollbar-width: none; /* Firefox浏览器隐藏滚动条 */
   }

3. 对于IE浏览器和旧版Edge，可以使用以下方法：

   .no-scroll-bar {
       -ms-overflow-style: none; /* IE和旧版Edge隐藏滚动条 */
   }

需要注意的是，上述方法可能需要针对不同的浏览器进行兼容性的测试，因为不同的浏览器可能对CSS属性的支持程度不同。

此外，除了通过CSS隐藏滚动条，还可以通过设置`overflow: hidden;`属性来隐藏内容的滚动条，但这会禁止滚动行为，与仅隐藏滚动条不同。