Jquery 在DOM元素添加到容器时设置高度动画以适应

我希望随着内容高度的变化，为容器元素的高度变化设置动画。我正在努力：

.container {
  height: auto
  background: #eee
  -webkit-transition: height 0.4s ease-in-out;
  -moz-transition: height 0.4s ease-in-out;
  -ms-transition: height 0.4s ease-in-out;
  -o-transition: height 0.4s ease-in-out;
  transition: height 0.4s ease-in-out;
}

然后打电话：

$('.container').html('...');

但是，每次容器都会自动捕捉。如果我打电话：

$('.container').height(400);

---

动画发生。但是，我不确定内容的大小。有没有想过在更改内容时如何触发它？

我可能错过了一个技巧，但今晚我一直在做同样的事情

无法将动画设置为自动高度（甚至最小高度）或过渡打断

您可以使用最大高度：0；作为起点

唯一阻止我的是高度问题——幸运的是，我的元素是固定高度的

• 忘了提到-百分比应该可以动画化，我的意思是一个固定的数字

  ---

通过计算内部内容物的高度并在父级上使用height（）显式设置来修复。这是可行的，但有点麻烦，因为需要在调整窗口大小时重新计算高度。

您尝试过调整大小事件吗

element.onresize=function（）{…}

@Steve如何将其用于CSS转换？