div实现可以滚动但不显示滚动条（纯CSS实现）

比眉伴天荒 2023-01-19 03:06 571阅读 0赞

### div实现可以滚动但不显示滚动条（纯CSS实现） ###

*  想要的效果
 *  实现效果的核心代码
 *  参考

# 想要的效果 #

**想实现滚动效果但是又不想显示滚动条，如下面两个图所示：**

> **从下面两个图可以看出，实现了滚动效果，动图弄着有点费劲，就委屈各位通过两个图片的变化看效果吧**

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzg4MzkxNw_size_16_color_FFFFFF_t_70]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzg4MzkxNw_size_16_color_FFFFFF_t_70 1]

# 实现效果的核心代码 #

> **首先有3个div  
> 第1个，固定大小是宽：200，高：200（单位为px，下同）  
> 第2个，不固定大小，其大小要用第3个div把个撑开，但是这个div必需要有滚动条  
> 第3个，固定大小与第1个div保持一致宽：200，高：200**

# 参考 #

**参考链接：https://www.cnblogs.com/dinghaoran/p/11322455.html**

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzg4MzkxNw_size_16_color_FFFFFF_t_70]: /images/20221021/bec1f1a8bfb046e89292c55c43758fec.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzg4MzkxNw_size_16_color_FFFFFF_t_70 1]: /images/20221021/af7d8d9e9a304671a708acc57d1c18a2.png