如何将元素定位在网页的最右侧而不是浏览器页面？

Question

我试图将一个元素定位到网页顶部的最右侧。我最初使用的是position:absolute。但是，在一台低分辨率的电脑上测试网站后，虽然整个页面可以正确滚动，但元素位于浏览器的右侧而不是实际页面的右侧，所以当我向右滚动时，元素也会滚动，因此它并没有直接在页面末尾。 是否有任何javascript可以解决这个问题，找到网页的宽度并将元素定位到最右侧？ 谢谢

- user1461266

---

“position: absolute; right: 0;” 不正是做这个的吗？ - gherkins

不，正好对齐只会将它推到浏览器页面的右侧，如果还有更多内容在屏幕外，它将会随着屏幕一起滚动，而不是保持位置不变。 - user1461266

Answer 1

如果我正确理解问题：

<style>
    .stick-to-right {
        width: 250px;
        float: right;
    }
</style>
<div class="stick-to-right">Content</div>

- Luc

---

可以针对特定的div实现这个效果。但是我想让它位于页面的最右侧，如果浏览器分辨率更大，则应该位于其最右侧。我在考虑可能需要一些JavaScript来获取网页的宽度，并将其定位到其右侧。 - user1461266

嗯，这是它的作用，将其定位在屏幕的最右侧，无论屏幕有多宽。 - Luc

但是你已经给它一个250像素的宽度了。这不意味着它只会定位到250像素的最右边吗？而不是整个屏幕？ - user1461266

这是 div 的宽度。将其与显示器的宽度进行比较，然后将其对齐到您桌子的右侧 :P - Luc

Answer 2

如果您在整个网页周围有一个容器/包装DIV，则将此元素设置为position:relative，然后在其中使用position:absolute，right:0，top:0将要放置在网页右侧的DIV。希望这可以帮到您。

- Billy Moat