CSS3过渡和动画的高度自动视角？

Question

CSS3过渡，变换和动画非常精彩。现在更多的浏览器支持它们了。

仍然有一件事我一直在问自己：为什么规范不确定CSS3过渡和动画应该处理高度：自动？

当我们使用CSS3灵活的盒子模型和媒体查询之类的东西摆脱固定布局时，这没有任何意义。

使用JavaScript只是为了设置一个固定高度的CSS转换没有任何意义。

现在我的问题出现了：

W3C是否会指定高度：自动应支持CSS3过渡和动画，还是我们可以请求它们指定？

Answer 1

您可以转换最大高度：http://jsfiddle.net/leaverou/zwvNY/

Answer 2

我不确定为什么他们也没有对auto值发表任何评论，但您可以尝试通过他们的公开CSS mailing list来询问他们。由于过渡和动画规范仍然是工作草案，他们可能只是投入一些变化来解决这个问题。祝你好运！

Answer 3

我想我找到了一个解决方案：

http://jsfiddle.net/adambiggs/MAbD3/

我的解决方法是将max-height转换为精确内容高度以获得漂亮的平滑动画，然后使用transitionEnd回调将max-height设置为9999px，以便内容可以自由调整大小。