Layout 相关

flex items 撑开 container

当 flex container 内的 item 使用flex-grow： 1时，如果 item 的大小超出 container 的大小，会使 container 被撑开。例如动态修改 item 的 width/height 时，如果超出 container 的大小且 container 未做限制，会使 container 被撑开至最大的 item 的大小；当使用 ResizeObserver 触发 item 的大小修改时可能导致死循环。

在 Stack Overflow 上有相关的 问题，根据 W3C Automatic Minimum Size of Flex Items，flex container 默认情况下会以 items 的最大宽/高作为自身的最小宽/高，所以会被过大的 item 撑开。

所以对 flex container 加上min-width:0/min-height:0就可以使 container 不被 item 撑开。