css - 让 CSS3 过渡更改为动态高度

Question

我有一组 div 框，它们将根据单击的内容在不同时间显示。它需要动画才能滑下。为此，我在某个时间更改每个 div 的高度，然后 CSS3 过渡接管并缓和它。

现在，如果我提供要更改的框的高度，它可以正常工作，但我不能总是提供，因为内容是动态的并且可能很高。但是当我定义auto为高度时，过渡将其变为 0，然后将大小变为内容。我怎样才能让它而不是滑动到 0，而是根据内容滑动到 div 的高度？

Answer 1

可悲的是，经过大量搜索，发现它不可能自动执行，但我的解决方案是找到内部元素（p正在更改的元素）并将clientHeight添加的元素与任何其他常量一起使用，并将其用作定义的新高度。有点忙，但效果很好。