Javascript 角度材质flex不起任何作用

我想用angular material的布局指令创建一个登录页面，但我遇到了

flex

的问题。第8行的

flex=10

是否必须将

div

的高度设置为10%？我错过了什么重要的事情吗

提前感谢您的任何帮助

*>div{
背景色：rgba（50150255.5）；
}
*>分区：第n个类型（2）{
背景色：rgba（255、255、120、1）；
}

你好

如果为容器定义外部div的高度和布局填充属性，则该属性应该有效

*>div{
背景色：rgba（50150255.5）；
}
*>分区：第n个类型（2）{
背景色：rgba（255、255、120、1）；
}

flex20
flex10
flex30

谢谢！它做到了：）（顺便说一句，我使用了高度：100%，这不会破坏响应性）