Css 创建一行flexbox项，其最大高度由一个子项定义

我正在尝试创建一个flexbox布局，做一些我认为会更容易的事情，但是我很难找到正确的方法来做

我希望有一行具有动态高度的项目，允许一个孩子长得像需要的那样高，但限制另一个项目的高度，以便内容被切断

我想使用flexbox，因此与此相关的浏览器问题不是问题，但我希望避免在解决方案中使用JavaScript

有什么想法吗？这可能是一个微不足道的问题，但我很难找到任何与我一直使用的搜索词。谢谢

这里有一个例子，如果你想修改它以便在你的答案中使用

这是我的参考flexbox布局：

.row {
    display: flex;
}

.info {
    flex: 0 0 200px;
}

.description {
    flex: 1 1 auto;
}

<div class="row">
    <div class="info">This should grow dynamically</div>
    <div class="description">This should be limited in height by the .info div</div>
</div>

.row{
显示器：flex；
}
.info{
flex:00200px；
}
.说明{
flex:1自动；
}
这应该是动态增长的
这应该受到.info div的高度限制

Flexbox无法在本机上实现这一点，但这是可能的

您将需要在第二个子元素中包含一个内部元素，该子元素绝对定位

在这里，额外的内容可以通过

溢出：隐藏

…隐藏，或者通过添加

溢出：自动

显示

.wrapper{
显示器：flex；
宽度：80%；
保证金：1em自动；
边框：2倍纯红；
}
.孩子{
弹性：1；
边框：2倍纯绿；
}
.子女：第n名子女（2）{
位置：相对位置；
溢出：自动；
/*溢出：隐藏；*/*出于演示目的删除*/
}
.内部{
位置：绝对位置；
排名：0；
左：0；
宽度：100%；
身高：100%；
}

Lorem ipsum dolor sit amet，奉献精英。Debitis tenetur，laboriosam！除设备外，还包括设备和设备，不包括临时设备。
Lorem ipsum dolor sit amet，奉献精英。作为一个分子，自由发明家的诺贝尔奖和真实奖，生命劳动奖，全方位的和平奖。驱虫剂是一种有毒物质
阿斯佩里奥雷斯。在这一点上，我们需要一个明确的解释，即面部透明术（perspiciatis facilis perferendis）。