Html Flexbox是否有溢出控制功能？

我可能缺少一些非常基本的东西，但我找不到如何控制溢出

有没有办法确保一个flex容器不会比它的flex父容器大，尽管有任何大图像/列表/

我无法复制我的确切案例，但下面的案例显示了图片如何造成一些破坏，我没有成功地使用

max width

/

max height

或

溢出

.parent{
边框：点着1px红色；
显示器：flex；
最大高度：50px；
}
.内容{
边框：纯色1px蓝色；
显示器：flex；
flex:1自动；
}
.菜单{
flex-grow:0；
弯曲方向：立柱；
溢出y：滚动；
}
.大{
弹性增长：3
}

某个标题



项目2
项目3
项目4
项目5
项目6
项目7
项目8
项目9

内容
广告

是，使用

高度

而不是

最大高度

.parent{
边框：点着1px红色；
显示器：flex；
最大高度：50px；
高度：50px；
}
.内容{
边框：纯色1px蓝色；
显示器：flex；
弹性：110；
}
.菜单{
弯曲方向：立柱；
溢出y：滚动；
}
.大{
弹性增长：3
}

某个标题



项目2
项目3
项目4
项目5
项目6
项目7
项目8
项目9

内容
广告

也许我读错了，但我没有得到你想要的。因为您的容器不比其flex父容器大。您到底想要什么？您使用的是flex grow和flex shrink属性，它们旨在分配flex容器中的空间，而不是定义flex项目的大小。为flex basis定义一个值来控制大小（“auto”仅表示“使用内容的自然大小”）。更多细节：@Michael_B在阅读了您的答案后，我尝试了

flex-basis:0

是否有帮助。这似乎解决了我的问题。说得太快了/您可以发布一张图片，展示您的代码示例应该是什么样子吗？

flex-basis:0

（

flex:1-10

）更符合我的要求，谢谢！这并不能解决所有问题，但这是一个很好的开端。也许你也可以在你的回答中提到这一点，这样未来的读者就不必比较我们的代码来找出差异。作为补充说明，禁用

height

规则（Chrome调试器）不会改变任何事情。固定高度也是flexbox布局的一个问题。您希望它是灵活的，但可能希望设置一些界限。