Html 放大/缩小时，如何在网页右上角保留图像？

我的网页上有一张图片。图像在它自己的div中，我将其放置在位置：relative以将其移动到页面上我想要的位置（大致位于右上角）。我的问题是，当我缩小页面时，图像不再显示在右侧，而是显示在页面的左侧/顶部中间（正如您所期望的）。我有一段我的页面放大时展开，但它是在自己的div和下面的形象，只是想我要提到，虽然它可能是无关的。我希望图像在缩小时保持在原来的位置，因此它不断向右移动以保持在原来的位置。谷歌的例子：

以100%缩放比例显示右侧的登录框：

缩小时，登录框仍在右角：

想对我的图像做同样的事情，float:right6似乎不起作用。

---

非常感谢。

使用固定定位，然后它应保持相对于浏览器或查看端口。

使用固定定位，然后它应保持相对于浏览器或查看端口。

重要思想是：

 position: fixed;
   right:0;
    top:0;

始终放在右上角

并在html中应用

，它将显示响应性设计

.右上角{
位置：固定；
宽度：70px；
高度：30px；
保证金：10px 5px自动；
背景色：蓝色；颜色：白色；
右：0；
排名：0；
框大小：边框框；
边界：无；
}
签名

重要思想是：

 position: fixed;
   right:0;
    top:0;

始终放在右上角

并在html中应用

，它将显示响应性设计

.右上角{
位置：固定；
宽度：70px；
高度：30px；
保证金：10px 5px自动；
背景色：蓝色；颜色：白色；
右：0；
排名：0；
框大小：边框框；
边界：无；
}
签名

你为什么不检查一下谷歌网站的HTML/CSS，看看他们是如何在你的浏览器中使用的？你为什么不检查一下谷歌网站的HTML/CSS，看看他们是如何在你的浏览器中使用的？