Css 如何在`overflow:hidden`div中启用滚动

我已经用

dnd

实现了看板。这是我想要的方式

我希望能够在具有

溢出：隐藏的
的
div
容器中使用此板。但是，这样做可以防止在视口之外的列中拖动卡片，屏幕不再水平向右滚动

我正在简化这个问题，之所以需要它是因为我使用的布局组件
content
组件是一个带有
overflow:hidden
的div

下面是一个演示这个问题

基本上，这是可行的，我可以将卡片拖到右边，它将水平滚动：

<div style={{ overflow: 'unset}} >
    <Kanban />
<div>



也许有一种方法可以将第一个div重置为这样

<div style={{ overflow: 'hidden }} >
    <div style={{ }}> // something here to reset container div?
        <Kanban />
    </div>
<div>

你找到解决方法了吗？我找到了，但不是用
dnd
。真遗憾。我最终使用了
@richardrout/react smooth dnd
，当从'@richardrout/react smooth dnd'
导入
导入{Container}时，请这样使用：
它是
react smooth dnd
的一个分支。您将拥有所有的文档：
<div style={{ overflow: 'hidden }} >
    <div style={{ }}> // something here to reset container div?
        <Kanban />
    </div>
<div>