Html 让flex儿童不要拉伸（而是在绝对父母的内部）？

我怎样才能阻止

元素拉伸以填充其flex容器的高度？我只想背景伸展，物品放在盒子的顶部

我知道通常您会使用，

align items:flex start

，但这无法工作，因为父级

div

已完全定位

我需要保留与此问题无关的部分布局的绝对位置

div{
显示器：flex；
弯曲方向：立柱；
位置：绝对位置；
排名：0；
右：0；
底部：0；
左：0；
}
保险商实验室{
调整项目：灵活启动；
背景：金；
显示器：flex；
柔性包装：包装；
柔性生长：1；
}
李{
弹性基准：50%；
}

你好

试验
试验
试验
试验
试验

将

对齐内容：flex start

添加到

ul

（要在包装flexbox时对齐flex line，应使用

对齐内容

属性）-请参见下面的演示：

div{
显示器：flex；
弯曲方向：立柱；
位置：绝对位置；
排名：0；
右：0；
底部：0；
左：0；
}
保险商实验室{
调整项目：灵活启动；
背景：金；
显示器：flex；
柔性包装：包装；
柔性生长：1；
对齐内容：flex start；/*已添加*/
}
李{
弹性基准：50%；
}

你好

试验
试验
试验
试验
试验

如果您不想让flex grow:1伸展，请将其从

ul

中移除？与定位无关。我需要该项目的增长，以填补页面的其余高度（黄金背景）。