水平方向内容超出滚动，隐藏水平方向滚动条(兼容IE，火狐firefox，谷歌chrome Safari)

罗倩楠_666

于 2021-06-07 13:48:09 发布

阅读量262

点赞数

CC 4.0 BY-SA版权

分类专栏： css

本文链接：https://blog.youkuaiyun.com/sunbeibei00000/article/details/117659180

css 专栏收录该内容

1 篇文章

订阅专栏

本文介绍如何使用CSS3的flex布局和一些高级技巧，如透明滚动条，实现在网页中创建响应式且视觉上无缝的滚动部分。适合前端开发者了解并优化用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

.partys {
    display: flex;
    width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
    scrollbar-color: transparent transparent;
    scrollbar-track-color: transparent;
    -ms-scrollbar-track-color: transparent;
    -ms-overflow-style: none;
    /* IE 10+ */
    scrollbar-width: none;
    /*兼容firefox*/
}

.partys::-webkit-scrollbar {
    display: none !important;
    /* Chrome Safari */
    width: 0 !important;
}