CSS:flex的最大宽度：1

我有一个带有

display:flex的容器。里面有两列，一列是固定宽度的，另一列是可调整大小的面板（如JS fiddle，可以拖动以更改宽度）

我设置
flex:1
为使调整大小的组件占用所有剩余空间，但是，由于它是可拖动的，其宽度现在可以增加到屏幕的100%以上，并且浏览器中有一个水平滚动条

所以我想限制可拖动组件的宽度，不超过整个屏幕（滚动条不应该出现）

也就是说，我想要类似于
max-width:'flex:1'
。我该怎么做呢？
你能分享代码吗。@Hemant这很难——可滚动的是React组件，js风格无处不在，“我想限制可拖动组件的宽度，不超过整个屏幕”，那么为什么不
最大宽度：100vw
@AnuragDaolagajao
最大宽度：100vw或100%
不起作用，可能是因为可拖动组件的宽度不断变化<代码>最大宽度：800px

工作正常。奇怪的是，在我看到代码之前无法进行评论。