放大和缩小时按钮的位置变化：CSS

Question

我有一个按钮应该放在最右边的地方，所以我使用了 CSS，在 100% 缩放时它工作正常，但是当我给 75% 缩放时，它显示中间的按钮，我尝试给 { {1}} position / fixed / absolute，但没有任何效果。

有人可以帮我吗。

relative

.btn-primary {
    background: transparent;
    border-color: #2980b9;
    color: #2980b9;
    margin-left: 653px;
    position: relative;
}

放大和缩小时的图像

100% 放大

67% 放大

Answer 1

也许您只需要在其上设置为 fixed（不受滚动影响），因为它已脱离文档流。 （可能需要 margin-right 但会留给你

参考：https://developer.mozilla.org/en-US/docs/Web/CSS/position

.btn-primary {
  background: transparent;
  border-color: #2980b9;
  color: #2980b9;
  position: fixed;
  right: 0px;
}

<button class="btn btn-primary btn--rounded" id="AnchroTagForButton" name="submit" type="button" title="btn action">>>> Show Components<i class="btn-icon fa fa-arrow-right"></i></button>