在flex-wrap中，在MatExpansionPanel中阻止生长高度？

Question

在我的情况下，如果其中一个扩展面板打开，则左侧和右侧的其他面板不应垂直生长。我应该怎么做呢？

以下是Mat组件的行为：StackBlitz (current)

这是我想要的行为（使用示例div）：StackBlitz (expected)

Answer 1

刚刚看到一个简单的解决方案来自How to make a flex item not fill the height of the flex container?

使用父

上的location = ...; 解决了问题

Answer 2

StackBlitz

要实现此目的，需要将额外的css属性添加到包含div元素：

justify-content: flex-start;
align-items: flex-start;
align-content: flex-start;

考虑使用flex-layout模块，因为它提供了用于包装这些类的API。