我有一个与浏览器兼容性有关的问题：我正在构建一个投资组合网站，并在每个页面上使用上下箭头。这些箭头作为一个链接(a href(，当你点击它时，它会带你进入下一个页面。在构建这个页面时，我在我的本地主机中测试了它，我使用Chrome。箭头按照我想要的方式移动(它们上下跳跃(，并且在页面上有我想要的位置，距离底部60像素。然而，当我在另一个浏览器(如Firefox(中测试我的项目时，这些箭头在页面上的位置错误(向下(。你们中有谁能告诉我这里出了什么问题吗？我不知道怎么解决这个问题。需要注意的是，我自己设计了带有css边框和旋转的箭头。看看下面的代码(HTML和CSS(。
[CSS代码和箭头的设计]
我的图像
- CSS代码使箭头上下跳跃
- 箭头的CSS代码和设计
- 滚动按钮/箭头的HTML代码
使用position: absolute时，必须使父相对。在您的情况下，您将position:absolute;添加到.scroll-btn，因此您必须将position: relative添加到它的父级。这里是CCD_ 5。
注意：如果在多个浏览器中仍然存在差异，请将display:block,/*inline-block*/添加到标记<a>中，因为默认的<a>显示为inline，如果将显示添加到标记，则浏览器会理解；如果不将显示添加至absolute标记，则每个浏览器都会使用默认值并显示错误。