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

Question

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

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

不能太难，但我已经没有头绪了。

Answer 1

2 种

可能的解决方案：

1. 尝试使用div 而不是绝对定位div float: right;。
2. 使用媒体查询在浏览器大小更改时调整"right"的值，例如：

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