Animate.css按钮位置错误

Question

如果我尝试使用Animate.css制作动画，则按钮的位置存在问题。通常，它在页脚中，但是在淡入淡出期间，它在中间：https://jsfiddle.net/m4f1wen3/

我无法在1周内找到解​​决方案。

<div id="player">
 <header>
  ...
 </header>

 <main>
  ...
 </main>

 <footer>
  <button>Lass uns loslegen!</button>
 </footer>
</div>

Answer 1

CSS中的选择器footer同时选择player div和index div内部的页脚。>

将其添加到footer选择器之后的CSS中

#player footer {
  position: relative;
} 
消除问题。