css如何显示水平滚动条以使可调整大小的面板中的div内容溢出

我下载了一个Reactjs组件来容纳几个面板（）并调整它们的大小，但是当容器大于其maxwidth时，我需要可调整大小的面板的内容进行拉伸，当容器较短时，需要显示一个滚动条

,

但我得到的却是：

这就是我所拥有的：

<PanelGroup
        direction="row"
        spacing={5}
        panelWidths={[
          { size: 500, minSize: 125, resize: 'dynamic' },
          { size: 500, minSize: 125, resize: 'dynamic' },
          { minSize: 200, resize: 'stretch' }
        ]}
      >
        <div><div style={{ width: `${first}px`, minWidth: `${Math.trunc(first/4)}px`, overflow: 'auto'}}>panel sasasa asa fa fdd dfds af dasfds  df dfas sf df sdafds1</div></div>
        <div>paneldsfd fsd sdfsd fsdf sdfds fasf  2</div>
        <div>panelsdaf sdfdasfsfs sdf sd 3</div>
      </PanelGroup>

面板sasasa asa fa fdd dfds af dasfds dfas sf df sdafds1
面板fsd fsd sdfsd fsdf sdfds fasf 2
面板sdf sdfdasfsfs sdf sd 3

---

我需要的不是包装内容，而是滚动容器。有什么建议吗？

您是否尝试设置

minWidth

？有，结果相同