按钮在Chrome中定位不正确

Question

因此，在谷歌浏览器中，有时按钮显示在正确的位置，如果再次刷新同一页面，它将显示在错误的位置（另一种方式）。它适用于所有其他浏览器：

这是特定于Chrome的问题

#paypal {
  display: inline;
  float: right;
  margin-top: 20px;
  margin-right: 30px;
  position: absolute
}

<div id="paypal">
  <h2>Donate!</h2>
  <script async="async" src='https://www.paypalobjects.com/js/external/paypal-button.min.js?merchant="email@email.com' data-button="donate " data-name="PayPal " data-currency="USD " data-callback="website ">
  </script>
</div>

Answer 1

使用相对于父div的位置并应用这样的css：

#paypal{
 /*display: inline;
   float: right;
   no need to use float or display as you're using absolute positioning*/
   margin-top: 20px;
   margin-right: 30px;
   position: absolute;
 /* you can define top,right...*/
}