如何保持绝对定位元素内容的滚动和高度收缩？

Question

有绝对定位的元素，包含一些内容，codepen。

搭配

inset: 0.7em 0.7em auto 0.7em;

风格：

data

元素的高度根据内容较小而缩小， 但是对于大内容，滚动会消失，即看起来像

overflow: hidden;

搭配

inset: 0.7em 0.7em 0.7em 0.7em;

风格：

data

元素的高度会因内容较大而被拉伸
并且出现滚动，但内容较小时高度不会缩小。

如何同时保持大内容的滚动行为和小内容的高度收缩？

Answer 1

将

max-height: calc(100% - 1.4em);

 添加到数据类。