Css 当flexbox方向为“行”时，Mat tab将从其父级展开

我想将窗口分为两列，一列有一个

mat选项卡组

，另一列有其他内容

为了实现这一点，我想使用flexbox，但是，当我将父级

显示设置为
flex
，将子级
flex
设置为2和1时，如果有
mat选项卡组
，则带有选项卡组的子级将完全展开以显示所有选项卡

有更好的代表性

在stackblitz上，有两个测试，第一个是mat组，第二个是问题。第二个，没有mat组，但有我想要的。
如果您可以为
mat选项卡组
父容器提供
最大宽度
规则，则可以帮助您解决此问题

.div1 {
  flex: 2;
  background-color: blue;
  max-width: 66.66%;
}

好吧，它更像是一个黑客，但现在它工作得很好，所以谢谢：），如果我找不到任何其他东西，或者如果没有人能帮助我，我会给你答案。当然，我同意，它感觉有点黑客。我注意到很多人都希望以某种方式使用这些材质组件，因此它们可能会有点敏感。我没有发现任何其他东西，但在这种情况下，我个人不会使用flex，因为如果我以百分比设置宽度，那么就使用inline block是没有用的。