如何使用CSS flex获得从父DIV到子DIV的100%高度

在示例代码块中，有一个DIV名称“left line”（红色线条）。我需要根据“内容”DIV的高度拉伸该DIV的高度

请我需要实现这一点，没有CSS的“位置”和“边界”属性。我正在使用CSS flex

.parent{
显示：-webkit flex；
/*狩猎*/
显示器：flex；
框大小：边框框；
背景颜色：橙色；
}
.左线{
宽度：10px；
身高：100%；
背景色：红色；
}
.内容{
弹性：1；
填充：0 14px；
字母间距：1px；
线高：18px；
}

s
Lorem Ipsum只是一个虚拟文本

Lorem Ipsum只是印刷的虚拟文本

Lorem Ipsum只是印刷和排版行业的虚拟文本

从左行类中删除高度：100%

.parent{
显示：-webkit flex；
/*狩猎*/
显示器：flex；
框大小：边框框；
背景颜色：橙色；
}
.左线{
宽度：10px；
背景色：红色；
}
.内容{
弹性：1；
填充：0 14px；
字母间距：1px；
线高：18px；
}

s
Lorem Ipsum只是一个虚拟文本

Lorem Ipsum只是印刷的虚拟文本

Lorem Ipsum只是印刷和排版行业的虚拟文本