Css 挠性元件在挠性容器中未填满100%的高度

我有以下标记：

.container{
显示器：flex；
宽度：500px；
}
.col1{
背景：红色；
身高：100%；
宽度：50px；
}
.col2{
背景：蓝色；
弹性：1；
高度：200px；
}

---

从

.col1

中删除

高度：100%

，如：

.col1 {
    background: red;
    width: 50px;
}

请看下面的代码片段：

.container{
显示器：flex；
宽度：500px；
}
.col1{
背景：红色；
宽度：50px；
}
.col2{
背景：蓝色；
弹性：1；
高度：200px；
}
身体{
保证金：0；
}

---

从

.col1

中删除

高度：100%

，如：

.col1 {
    background: red;
    width: 50px;
}

请看下面的代码片段：

.container{
显示器：flex；
宽度：500px；
}
.col1{
背景：红色；
宽度：50px；
}
.col2{
背景：蓝色；
弹性：1；
高度：200px；
}
身体{
保证金：0；
}

简易解决方案。加上身高百分比只取父母的身高。难以置信！谢谢你的帮助：）@Tiwaz89这是我的荣幸。请支持我的回答，接受它。简单的解决方案。加上身高百分比只取父母的身高。难以置信！谢谢你的帮助：）@Tiwaz89这是我的荣幸。请支持我的回答，接受它。