Html 使用flexbox时的高度百分比

我试图理解为什么80%和90%的身高似乎不起作用。我希望我的文本能够适合，但即使我将容器高度设置为100%或

calc（100vh-150px）

，尽管它确实增加了，但它并没有达到我期望的值。下面是问题的图片

*{
保证金：0；
}
html，
身体{
身高：100%；
}
#大包裹{
位置：相对位置；
高度：计算（100vh-150px）；
宽度：100%；
}
.集装箱{
显示器：flex；
位置：绝对位置；
柔性包装：包装；
弯曲方向：行；
证明内容：中心；
调整项目：灵活启动；
宽度：80%；
最高：50%；
左：50%；
转换：翻译（-50%，-50%）；
身高：100%；
}
.集装箱img{
宽度：200px；
高度：200px；
}
.左{
显示器：flex；
柔性流：柱包裹；
调整项目：灵活启动；
证明内容：周围的空间；
顺序：1；
背景：红色；
弹性基准：100%；
身高：100%；
}
.左img{
最大宽度：100%；
}
.中{
显示器：flex；
柔性流：柱包裹；
调整内容：灵活启动；
证明内容：周围的空间；
顺序：3；
背景：绿色；
弹性基准：100%；
身高：100%；
}
.对{
文本对齐：居中；
顺序：2；
背景：黄色；
弹性基准：100%；
身高：100%；
}
.盒子{
显示器：flex；
柔性流：行换行；
调整项目：灵活启动；
调整内容：灵活启动；
高度：200px；
宽度：200px；
}
@媒体屏幕和屏幕（最小宽度：600px）{
.集装箱{
柔性包装：nowrap；
}
.左{
弹性基础：1；
顺序：1；
}
.中{
弹性基础：1；
顺序：2；
}
.对{
弹性基础：1；
顺序：3；
}
}

这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。
这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。


这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。
这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。


这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。
这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。

textextehiefief textehiefief textehiefief textehiefief

textextehiefief textehiefief textehiefief textehiefief

textextehiefief textehiefief textehiefief textehiefief

*{
保证金：0；
}
html，
身体{
身高：100%；
}
#大包裹{
位置：相对位置；
身高：100%；
}
.集装箱{
显示器：flex；
位置：绝对位置；
柔性包装：包装；
证明内容：中心；
调整项目：灵活启动；
身高：100%；
宽度：80%；
最高：50%；
左：50%；
转换：转换（-50%，-50%）；/*http://stackoverflow.com/q/36817249/3597276 */
}
.集装箱img{
宽度：200px；
高度：200px；
}
.左{
显示器：flex；
柔性流：柱包裹；
调整项目：灵活启动；
证明内容：周围的空间；
顺序：1；
背景：红色；
弹性基准：100%；
身高：100%；
}
.左img{
最大宽度：100%；
}
.中{
显示器：flex；
柔性流：柱包裹；
顺序：3；
背景：绿色；
弹性基准：100%；
身高：100%；
}
.对{
文本对齐：居中；
顺序：2；
背景：黄色；
弹性基准：100%；
身高：100%；
}
.盒子{
/*高度：200px；删除。这限制了段落的高度*/
宽度：200px；
}
.box>p{
页边距底部：25px；/*在文本框之间创建分隔*/
}
@媒体屏幕和屏幕（最小宽度：600px）{
.集装箱{
柔性包装：nowrap；
}
.左{
弹性基础：1；
顺序：1；
}
.中{
弹性基础：1；
顺序：2；
}
.对{
弹性基础：1；
顺序：3；
}
}

这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。
这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。


这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。
这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。


这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。
这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。

textextehiefief textehiefief textehiefief textehiefief

textextehiefief textehiefief textehiefief textehiefief

textextehiefief textehiefief textehiefief textehiefief