如何在浏览器窗口右侧的固定位置放置相对按钮？

Question

我有一个相对定位按钮，在我的页面上有一个固定的左值，滚动时保持其位置。我遇到的唯一问题是当浏览器窗口宽度发生变化或客户端设备有一个小屏幕时。在这种情况下，按钮位于可见屏幕之外。

我认为定义此按钮应始终距浏览器窗口右限制50px会很好。我怎样才能做到这一点？

更新：我已经使用了float: right，这几乎就是我想要的，但按钮仍然靠近浏览器窗口边框（位于垂直scollbar上方）。将它放在左边50px可以解决这个问题。

Answer 1

你试过了吗？

div#button {
    position:fixed; /* or position:absolute; */
    right:50px;
    bottom:10px; /* or another value */
}

Answer 2

使用float:right和margin-right:50px

Answer 3

使用margin-right和float:right;

#button{margin-right:20px;float:right;}