CSS3 过渡、变换和动画非常棒。它们甚至更多，现在更多的浏览器确实支持它们。
还有一件事我一直在问自己：为什么规范没有定义 CSS3 过渡和动画应该处理 height:auto？
当我们使用 CSS3 灵活框模型和媒体查询等东西摆脱固定布局时，这没有任何意义。
仅使用 JavaScript 设置具有固定高度的 CSS 过渡是没有任何意义的。
现在是我的问题：
W3C 是否会指定 CSS3 过渡和动画应该支持 height:auto 或者我们可以要求他们指定这一点？
问问题
6979 次
3 回答
27
您可以改为转换 max-height：http: //jsfiddle.net/leaverou/zwvNY/
于 2011-06-03T15:30:49.273 回答
9
我不确定他们为什么也没有说任何关于auto价值观的事情，但你可以尝试通过他们的公共CSS 邮件列表询问他们。由于过渡和动画规范仍在草稿中，他们可能只是进行一些更改来解决这个问题。祝你好运！
于 2011-06-02T23:42:10.317 回答
3
我想我找到了解决方案：
http://jsfiddle.net/adambiggs/MAbD3/
我的解决方法是将 max-height 转换为精确的内容高度以获得漂亮的平滑动画，然后使用 transitionEnd 回调将 max-height 设置为 9999px，以便内容可以自由调整大小。
于 2012-03-19T00:12:34.397 回答