我需要在切换状态时为包含所有应用内容的div设置动画，问题是当尝试为离开和进入div设置动画时，它们会相互叠加，直到动画结束 .

我在互联网上找到的解决方案是将div设置为 position:absolute ，这样它们将处于完全相同的位置，但这在使用角度材料flex布局时很奇怪 .

I made a plunker以实现我的动画的成功方式，问题在于css：

.placeholder {
  width: 450px;
  position: relative;
}

为了 position:absolute 没有突破我的布局，我必须在我的容器上定义一个宽度（ max-width 不工作）我不想要，因为我的容器大小将是动态的，有没有办法以另一种方式实现这一点？

另外，如果有人知道学习angularjs过渡的好教程，我将不胜感激:)

Edit: 有人也可以解释我如何像这个GIF节目一样动画吗？我已经读过所有ng-enter / ng-leave仅适用于 ng-show ，而不适用于从一开始就附加到DOM的元素：

enter image description here

css angularjs animation