Question

我想制作一个点击事件，在屏幕的两个角落有两张照片相互移动，一旦碰撞，它们就会朝着它们的方向向后移动。

我无法在右上角放置图像。我尝试使用“float：right”，但是当我尝试使用时，我的功能不起作用。

Answer 1

要将图像放在右上角，您应该使用绝对定位：

.class {
    position: absolute;
    right: 0;
}

你真的需要javascript来动画这个吗？用一些CSS做它会更好，更有效。看看我做的小提琴：https://jsfiddle.net/jv5et9L0/

在小提琴中我使用绝对定位将元素放在我想要的位置，然后，通过Javascript，我添加在我的CSS上应用transform()属性。发生动画是因为我在transition类上设置了.item属性。