Html Div标记（动画箭头）没有停留在页面的左下角，就在我的页脚上方

我希望在调整浏览器大小时，我的反弹箭头始终保持在页面的左下角（就在页脚上方）。但是，当我调整浏览器的大小时，箭头会遍布整个位置，并且不会固定在页面的左下角

#箭头{
位置：绝对位置；
保证金：自动；
排名前60名；
底部：60；
左：-7；
右：-47宽度：40px；
高度：40px；
字体大小：40px；
线高：40px；
-webkit动画：弹跳2秒无限轻松进出；
}
@-webkit关键帧反弹{
0%,
20%,
60%,
100% {
-webkit转换：translateY（0）；
}
40% {
-webkit转换：translateY（-20px）；
}
80% {
-webkit转换：translateY（-10px）；
}
}

---

点击我
和#11015你的意思是这样的？
据我所知，你需要一些东西粘在底部


#箭头{
位置：绝对位置；
保证金：自动；
底部：4px；
字体大小：40px；
线高：40px；
-webkit动画：弹跳2秒无限轻松进出；
}
#指针{
文本对齐：居中；
}
@-webkit关键帧反弹{
0%、20%、60%、100%{-webkit转换：translateY（0）；}
40%{-webkit转换：translateY（-20px）；}
80%{-webkit转换：translateY（-10px）；}
}
点击我
⬇
你的意思是这样的？
据我所知，你需要一些东西粘在底部


#箭头{
位置：绝对位置；
保证金：自动；
底部：4px；
字体大小：40px；
线高：40px；
-webkit动画：弹跳2秒无限轻松进出；
}
#指针{
文本对齐：居中；
}
@-webkit关键帧反弹{
0%、20%、60%、100%{-webkit转换：translateY（0）；}
40%{-webkit转换：translateY（-20px）；}
80%{-webkit转换：translateY（-10px）；}
}
点击我
⬇
这样看起来更好，但是你上面的代码现在就在我的页脚下了。我试着玩底部：4px；改变号码，但运气不好。如果我想把它像3厘米一样向上移动，给我一点时间，我会给你一个js提琴链接嘿，告诉我，我发现了，哈哈，我犯了一个愚蠢的错误！你能再帮我一件事吗？你看，箭头不在点击我的中间，它在左手边的单词点击下。有没有办法把箭头放在点击我之间，但放在它下面？这样看起来更好，但是上面的代码现在放在我的页脚下面。我试着玩底部：4px；改变号码，但运气不好。如果我想把它像3厘米一样向上移动，给我一点时间，我会给你一个js提琴链接嘿，告诉我，我发现了，哈哈，我犯了一个愚蠢的错误！你能再帮我一件事吗？你看，箭头不在点击我的中间，它在左手边的单词点击下。有没有办法将箭头置于“单击我”和“单击我”之间的下方？