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

Question

我希望你能帮助我。我正在谷歌等搜索1小时，但没有任何作用 我有一个absolut DIV位于浏览器的顶部，右侧。

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

不能太难，但我再也不知道了。

Answer 1

2种可能的解决方案：

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

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