Html 内部div可滚动，最大高度

我有以下标记：

我希望内部div可以滚动并具有最大高度，但如果内容的高度较小，我不希望div height的扩展超过内容的高度。选中fiddle并调整高度大小以查看效果

.umg info{
位置：绝对位置；
左：50%；
最高：50%；
-webkit转换：翻译（-50%，-50%）；
-ms转换：翻译（-50%，-50%）；
转换：翻译（-50%，-50%）；
宽度：80%；
身高：100%；
最高高度：80%；
背景：#1a1a1b；
z指数：50；
}
.umg信息数据{
溢出：自动；
身高：90%；
保证金：20px 20px 20px 20px；
}
.umg球员头衔{
颜色：#fff；
边缘底部：10px；
填充：0；
}
.umg播放器描述{
颜色：#bbb；
保证金：0；
填充：0；
}

Lorem ipsum dolor sit amet
普雷森特·莫莱斯蒂。南威尼斯人酒后驾车。多洛万岁。整数水平。普罗因猫。Maecenas non nisl eu mi hendrerit fringilla。这是一个很好的例子。无前庭、无前庭、无前庭、无前庭、无前庭
索利西图丁，努拉。在对决中，先决条件a，后决条件a，后决条件a，后决条件a，后决条件a，后决条件a，后决条件a，后决条件a，后决条件a，后决条件a，后决条件a，后决条件a，后决条件a，后决条件a，后。塞德·特里斯蒂克。毛里斯和萨皮恩。奎斯克·里索斯。我是拉奥里特·亨德雷特。Nam viverra直径前庭。同色无黄、芸香无黄、紫菜无黄、凝块无黄、无黄。
佩伦特斯式的港口。我不知道该怎么说。洛雷姆的梅塞纳斯。同侧前庭。Praesent ac nunc。Donec vitae lectus。我的朋友们。埃吉斯塔酒庄、福西布斯酒庄、埃尼姆酒庄、塞德调味品
玉米饼。佩伦特式居住者morbi tristique Sentecus et netus et malesuada以turpis egestas闻名。Fusce aliquet。根据康努比亚·诺斯特拉（conubia nostra）和希梅纳奥斯（inceptos himenaeos）的规定，社会责任和责任等级为：。

使用滚动.umg info并从.umg info数据中删除高度

编辑以使fiddle使用其示例，并更清楚地说明需要做什么

---

我相信您需要做的就是设置

.umg info desc{max height:90%；overflow:auto；}

（并从ata规则中删除规则）。您可以在此小提琴上看到这样一个例子：

您还可以在

flex

布局上使用

max height

/

width

来触发滚动条

例如：

正文{
保证金：0；
}
.umg信息{
/*因为您使用了它，所以如果不是为了模态，也可以避免*/
位置：绝对位置；
/*在内容居中的位置制作一个具有窗口大小的弹性框*/
高度：100vh；
宽度：100vw；
显示器：flex；
对齐项目：居中；
证明内容：中心；
}
.umg信息数据{
/*单个flex子级居中，设置最大大小和溢出*/
最大宽度：80vw；
最大高度：80vh；
溢出：自动；
/*化妆*/
背景：#1a1a1b；
颜色：#fff；
填充：20px；
边框：20px实心#1a1a1b；
框大小：边框框；
}
.umg播放器标题{}
.umg播放器说明{}

同时单击“全页”
present molestie。南威尼斯人酒后驾车。多洛万岁。整数水平。普罗因猫。Maecenas non nisl eu mi hendrerit fringilla。这是一个很好的例子。无前庭、无前庭、无前庭、无前庭、无前庭
索利西图丁，努拉。在对决中，先决条件a，后决条件a，后决条件a，后决条件a，后决条件a，后决条件a，后决条件a，后决条件a，后决条件a，后决条件a，后决条件a，后决条件a，后决条件a，后决条件a，后。塞德·特里斯蒂克。毛里斯和萨皮恩。奎斯克·里索斯。我是拉奥里特·亨德雷特。Nam viverra直径前庭。同色无黄、芸香无黄、紫菜无黄、凝块无黄、无黄。
佩伦特斯式的港口。我不知道该怎么说。洛雷姆的梅塞纳斯。同侧前庭。Praesent ac nunc。Donec vitae lectus。我的朋友们。埃吉斯塔酒庄、福西布斯酒庄、埃尼姆酒庄、塞德调味品
玉米饼。佩伦特式居住者morbi tristique Sentecus et netus et malesuada以turpis egestas闻名。Fusce aliquet。根据康努比亚·诺斯特拉（conubia nostra）和希梅纳奥斯（inceptos himenaeos）的规定，社会责任和责任等级为：。

这与以前一样有效（我看不出有什么区别）。我不希望黑色背景高于文本（如果没有足够的文本，如示例所示。）@Toniq你的意思是不能吗？因为除此之外，您确实可以使用它们%，并且它将精确地固定到视口的高度/宽度。。。如果浏览器理解flex，则它理解视口单元（vw、vh、vmin和vmax），请参见这与网格或flex一样有用且更易于使用；）（不要忘记使用任何尺寸单位时都要注意盒子模型）@Toniq任何反馈都很好，只是告诉我们，我们在空闲时间的免费帮助在某种程度上得到了感谢。。。。