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

Question

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

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

更新：我float: right已经使用过，这几乎是我想要的，但按钮仍然靠近浏览器窗口边框（在垂直 scollbar 上方）。将其放置在左侧多 50 像素可以解决此问题。

score 2 · Accepted Answer

你有没有尝试过：

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

score 2 · Accepted Answer

2

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

于 2012-10-10T09:14:21.333 回答

score 2 · Accepted Answer

2

使用margin-right和float:right;

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

于 2012-10-10T09:16:08.243 回答

3 回答 3