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;
    }
}