请问为什么css滚动条无法拖动呢

问题遇到的现象和发生背景

给一个很多内容的盒子设置overflow:auto,盒子显示了滚动条,但是无法拖动,请问是什么原因

问题相关代码,请勿粘贴截图

```html
 <div class="box1">
        我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是我是内容我是内容我是内容我是内容我是
    </div>
```css
.box1 {
            overflow: auto;
            width: 100px;
            height: 100px;
            background-color: pink;
            }


运行结果及报错内容

img

不能吧,就这些代码?