假设您有一个带有显示 flex、flex-direction 列的 div，在本例中高度为 600。
它有三个子项，每个子项的属性 flex 等于 1。前两个子项呈现一些简单文本，第三个子项呈现 h1 和字符串列表，并且它还具有显示 flex 列。这些字符串来自字符串数组。
假设我们有一个附加按钮(并不重要)，当我们单击它时，它会向字符串数组添加一个元素。 Here是刚刚给出的描述的代码和框。这是一个一般的 JS 问题，但示例是在一个非常简单的 React 组件中。
最初，所有三个子项都具有相同的大小 (200)，因为它们都有 flex 1。但是，单击几次按钮后，第三个子项中的列表变得比第三个子项中的可用空间更大，第三个 child 开始扩大，另外两个 child 开始缩小。 如何使第三个子列表中包含的列表最多具有最初分配给它的空间，然后只有溢出滚动？
最佳答案
只需在该 div 上设置 overscrollY: "scroll" 即可。
关于javascript - 如何使本身就是 Flex 子级的父级的 Flex 子级的最大高度由其自身的 Flex 状态确定？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/58826916/