包装后如何将孩子伸到最大宽度之外（flexbox）

Question

在某些情况下，我需要使用flexbox（而不是CSS网格）。

父级可以有多个宽度，
但子级应为：

• 100% width（如果已包装）
• max-width 200px（如果未包装）。

当父母是例如300px，我不确定该如何实现。 （没有JS）

这是有问题的代码库： https://codepen.io/mesqueeb/pen/PMqoEa