Html 带有溢出y元素的Flex容器

我有flex.wrapper和flex方向：column

然后我有两个弹性元件。其中一个是.g-main，它也是flex容器，其中包含元素.content

.g-main的高度问题。为什么它没有自动伸缩？里面有很多内容

---

如果您在flex父级中设置了一个高度，或者在mediaquerie中未重置的情况下将其自身设置为高度，那么它将不会拉伸，您可以设置一个片段或一个JSFIDLE/codepen来模拟您的问题吗？当然，我忘记了JSFIDLE。以下是链接：尝试调整JSFIDLE上@media working的内容区域。可能我有点困，但看起来我已经解决了它。：）这里是链接。我真的不明白我做了什么，说真的。可能再增加一个高度：100p；如果您在flex父级中设置了一个高度，或者未在mediaquerie中重置而将其自身设置为高度，那么它将不会拉伸，您可以设置一个代码片段或一个JSFIDLE/codepen来模拟您的问题吗？当然，我忘记了JSFIDLE。以下是链接：尝试调整JSFIDLE上@media working的内容区域。可能我有点困，但看起来我已经解决了它。：）这里是链接。我真的不明白我做了什么，说真的。可能再增加一个高度：100p；