Javascript 使div的高度与其中的绝对div相同

我有一个div（相对位置），里面有两个div。其中一个有绝对定位，我注意到它超出了部门的母公司利润

我想使div父对象（以及其他非绝对定位div）的高度与绝对定位div的高度相同

基本上，我希望容器div和它里面的所有div在最高高度上调整它们的高度

你能帮我弄明白怎么做吗

.container{
宽度：100vw；
高度：自动；
显示器：flex；
证明内容：之间的空间；
柔性包装：包装；
保证金：0；
背景颜色：蓝色；
}
.元素{
宽度：50%；
填充：50px 150px 90px 50px；
框大小：边框框；
字体大小：30px；
位置：相对位置；
字体系列：“helvetica”，“arial”，无衬线；
}
#元素-1{
背景颜色：米色；
}
#元素-2{
背景色：暗绿色；
颜色：白色；
位置：绝对位置；
右：0；
}

同侧阴唇
Lorem ipsum dolor sit amet

为什么需要绝对值？我之所以使用它，是因为我希望有一个特定的转换，因为我通过Javascript修改div的高度和宽度。在HTML中修改元素的高度和宽度不需要“position:absolute”，即使它是动态的。Css转换或者简单的Css会很好用。我知道，这只是为了让转换看起来像某种方式。我觉得离开的位置：相对动画使一个“跳跃”当我改变大小的divsbetter重点放在你的主要问题，这是有关你想要实现的动画。你可能做得不对。我也同意宽度/高度动画不需要绝对值