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

想要的效果

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

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

实现效果的核心代码

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

<div style="width: 200px;height: 200px; position: relative;overflow: hidden;">
    <div id="abc" style="overflow-x: hidden;overflow-y: scroll;position: absolute;">
        <div style="width: 200px;height: 200px;">
    		<br>
        </div>
    </div>
 </div>

参考链接：www.cnblogs.com/dinghaoran/…