css - 絶対右に配置されたDIVがウィンドウのサイズ変更時にコンテンツと重複しないようにする

Question

あなたがこれについて私を助けてくれることを願っています。Googleなどを1時間検索していましたが、何も機能しません。ブラウザの右上に絶対DIVがあります。

ブラウザのサイズが水平方向に変更されると、たとえば、ブラウザが中央に移動するのを防ぐにはどうすればよいですか。ページの水平方向の中央から400px？

難しいことはありませんが、私にはもう手がかりがありません。

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