全网最简单，滚动显示内容隐藏滚动条

原创已于 2022-04-06 18:13:18 修改 · 262 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#前端

于 2022-04-06 18:09:14 首次发布

css 专栏收录该内容

1 篇文章

订阅专栏

本文分享了一段CSS代码，用于创建一个固定高度的视频展示区域，当内容超过高度时会显示滚动条。同时，通过CSS3属性隐藏了滚动条，提供更整洁的视觉效果。

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

<style>
/* 给盒子一个固定的高度，超出部分滚动显示 */
.video-right{
    height: 527px;
    overflow: scroll;
  }
  /* 去除滚动条 */
.video-right::-webkit-scrollbar{
    display: none;
  }
</style>

话不多说直接上代码。猛dui冒黑烟