gpt4 book ai didi

javascript - 在不使用绝对定位的情况下将 div 拉伸(stretch)到其他可变高度 div 的顶部

转载 作者:太空狗 更新时间:2023-10-29 16:09:36 24 4
gpt4 key购买 nike

我有两个垂直堆叠的 div。单击按钮时,我试图将下部 div 拉伸(stretch)到上部 div 的顶部。这在底部 div 使用绝对定位时效果很好,根据需要更新底部 div 的 top 属性。

当顶部 div 的高度可变时,问题就出现了。我希望较低的 div 在未拉伸(stretch)时位于顶部 div 的底部。如何更新下面的代码,使底部 div 始终位于顶部 div 下方,即使它的高度发生变化?

Example using absolute positioning

最佳答案

也许选项之一不是扩展 blue div,而是折叠红色 div。这是一种方法。

https://codepen.io/anon/pen/yrzBja

诀窍是让 wrapper 的背景变成蓝色。

唯一的问题是 max-height 需要设置为某个任意值(在我的示例中为 100%),因此转换看起来有点延迟。

我希望您能从中得到一些启发,进一步改进您的解决方案。

关于javascript - 在不使用绝对定位的情况下将 div 拉伸(stretch)到其他可变高度 div 的顶部,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55669430/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com