Css 为什么不是'；t动画是否适用于最大高度？

根据，我们可以设置

max height

属性的动画，但是由于某些原因，动画不会应用于像这样指定的

max height

属性（）：

---

然而，如果我将“最大高度”更改为“不同高度”，效果会很好。有什么问题吗？

这一切都很好，但您的示例没有正确设置以演示效果。

animated div

的高度不足以看到效果，在“最大高度”（max height）生效之前，不透明度已经很低，你再也看不到效果了

---

查看我的演示（为了演示，我添加了更多文本，删除了不透明度更改，并在两秒钟内进行了转换；转换在悬停状态下工作，可以多次看到效果，而无需重新启动/重新加载）。

我的

溢出：隐藏到位，您一定忽略了它。当我添加更多的文本时，很明显这个解决方案是有效的。谢谢）对不起，我的错。我确实没有注意到这句话。尽管如此，
动画div
还是不够大，无法在不透明度太低无法看到它之前看到最大高度的变化。更改了我关于溢出部分的回答。
.animated-div {
  overflow: hidden;
  background: lightblue;
  opacity:1;
  height:500px;
}

.animated-div.ng-hide-add.ng-hide-add-active,
.animated-div.ng-hide-remove.ng-hide-remove-active {
  transition:all linear 0.5s;
}

.animated-div.ng-hide {
  height:0;
  opacity:0;
}