跨浏览器的 CSS 定位不一致

Question

我在浏览器之间遇到了一些定位不一致的问题。我正在尝试放置一个提交按钮，使其悬停在文本区域的下 Angular 。

在 Chrome、Safari 和其他浏览器中，这就像它应该的那样工作:

但是，在 Firefox 中，我得到了这个:

是否有不同的方法来定位该元素，或者我是否在 CSS 中遗漏了一些东西？

这是 HTMl 和 CSS 的链接:http://www.tylonius.com/clients/X10/GalleryDisplay.html

Answer 1

绝对提交按钮的位置。

position: absolute;
bottom: 0;
right: 0;

确保其父元素的位置设置为relative。