没有自动的 CSS 宽度过渡答案

【问题标题】：CSS width transition without auto没有自动的 CSS 宽度过渡
【发布时间】：2018-04-20 22:50:34
【问题描述】：

我有一个问题，我的 CSS 动画从头到尾直接跳跃，这个问题似乎与 this post 中回答的问题有关。我的问题是：如何在不实际使用 auto 关键字的情况下将宽度从 x 像素转换为“auto”？

【问题讨论】：

这篇文章接受的答案中究竟有什么不符合您的需求？
@JeremyThille 我需要让最终宽度适合 div 的内容。 “auto” 关键字显然是用于此目的的关键字，但正如那篇文章所述，在转换宽度时不能使用 auto 关键字。
是的，我得到了你想要实现的目标。您提到的帖子有一个已接受的答案，该答案指向带有整个代码的工作演示，那么，这个答案有什么问题？
@JeremyThille 该演示没有解决我的问题，即不需要指定特定的结束宽度。然而，丹尼斯的解决方案奏效了。感谢您的帮助！

【解决方案1】：

宽度自动和固定宽度不能动画。你可以做的是改变最大宽度。

.element{
   max-width: 0;
   width: 0;
   transition: your transition style
}
.element.active{
   max-width: 9999px;
   width: auto;
}

我希望这会有所帮助

【讨论】：