Css 角度材质：限制md内容高度

我一直在努力解决一些关于角材料的积分问题

在下面的代码示例中，我试图通过添加

flex=“50”

来强制橙色的div

和蓝色的div
具有相同的高度。
但是，包含大文本的bluediv的
md content
子元素的高度会增加，而它应该保持不变并在其范围内滚动


我如何强制
md content
元素无论其内容长度如何，都不增加高度

感谢您的帮助
您必须给两个div的家长一个最大高度，然后给md内容
高度：100%；和溢出：自动
像这样的md内容将保持与“contact”相同的高度，它们不会在父级上生长，也不会在上层上生长

您应该使用
md content
作为主容器

<md-content layout-fill layout="column">
 <div flex="50" style="border: 5px solid orange" layout="row">
 </div>
 <div flex="50" style="border: 5px solid blue" layout="row">
 </div>
</md-content>



这就是你的基本结构应该是什么样子。现在根据需要定义flex值，您将得到适当的结果。请参阅下面的链接了解您的代码

这是有效的。蓝色div的孩子们有滚动，不会增加高度，也不会进一步完善你的问题，但我希望橙色和蓝色div保持相同的高度。因为在这种情况下，如果我在
md content
中添加更多内容，turqoise div将在我希望它保持相同高度并滚动时增加高度，如果你明白我的意思的话，谢谢mate！有没有一种方法可以使它更加模块化，而不必指定像素限制？你可以将其限制在%内，但重要的是，如果没有，父级的高度是有限的，那么它就不能工作。这很好！但假设我有一个更复杂的嵌套结构。如何在儿童容器中实现相同的结果？例如：差不多，是的，但是我可以让它与您在代码中注释的左边的蓝色div一起工作吗？是否存在嵌套无限滚动md内容的布局模式？感谢您的帮助
行布局
使用
flex
可以正常工作，如果您尝试的话。尝试将
列布局
与
flex
一起使用时出现问题。因此，请检查以下链接中的
布局列和容器高度
部分。