Css HTML5设计的站点-固定按钮在Chrome和Opera中查看时不再保持固定

我在4月/14日将网站susandantas.com设计为一个课程项目，在完成时，“今天预订皮肤咨询！”按钮被设置在右上角区域。该站点还通过了W3CCSS和标记中的验证

我最近检查了一下这个网站，看看是否一切正常，在Chrome和Opera中，当光标靠近按钮时，按钮水平向左移动。如果刷新浏览器，它会返回到正确的位置

我已经找到了答案，并联系了我的导师，希望得到一些帮助，但到目前为止，我仍然没有解释或解决办法

HTML5代码：

<div><a href="contact.html"><img class="bookconsultbtn" src="images/button.png" width="230"    height="40" alt="Skin Consultation Button" /></a></div>

谢谢

添加以下内容：

div#centeredonpage{position:relative}
.bookconsultbtn{top: 20px; right: 20px; /*or adjust at will */}

---

瞧，那个按钮不会再动了，你只需要为这个位置定义一些坐标

Christine，如果这是正确的答案，请接受我的Fabio，谢谢。我最初有这样一个：div#centeredonpage{width:960px；margin:0auto；}，然后添加到{position:relative}中，然后更改了CSS的下一行。现在按钮不动了，这很好，但是不管我为这个位置输入了多少数字，我都不能让它稍微下降一点，所以它不在顶部，也不会像我希望的那样向右移动。现在按钮底部和菜单顶部之间也有了更多的空间。等等，你真的想让它移动吗？关于间距，您需要根据自己的喜好进行调整，我将此作为一个示例介绍如何进行调整，但确切的坐标将取决于您作为设计师。但是，我想知道这个运动，因为现在我明白你想让它移动嗨，不，我不想让它移动。我希望它保持在每一页的右上角。现在我添加了您建议的{position:relative}，它就保持不变了。但是，当我将px更改为按钮的顶部和右侧位置时，它不会找到我想要的位置。如果我输入top:10和right:200，然后将其更改为top:40和right:400，它将不会定位到我想要的位置。我不确定我是否理解。不管你输入的数字是多少，它都会起作用，它不可能不移动，这根本不可能，所以不确定这是否是你想要的。以防万一，你确定要在数字后面加px吗？

div#centeredonpage{position:relative}
.bookconsultbtn{top: 20px; right: 20px; /*or adjust at will */}