css - 防止绝对右定位的 DIV 在窗口调整大小时重叠内容

Question

我希望你能在这方面帮助我。我在谷歌等网站上搜索了 1 个小时，但没有任何效果。我在浏览器的顶部右侧有一个绝对 DIV。

我如何防止，当浏览器水平调整大小时，它比例如更多地位于中心。距离页面水平中心 400 像素？

不能太难，但我已经不知道了。

Answer 1

2个可能的解决方案：

1. 尝试使用float: right;而不是绝对定位 div。
2. 随着浏览器大小的变化，使用媒体查询来调整 'right' 的值，例如：

.rightDiv {
    right: 5px;
}
@media (min-width: 720px) { 
    .rightDiv {
        right: 50px;
}
@media (min-width: 960px) { 
    .rightDiv {
        right: 100px;
    }
}