html

Question

私のコードは次のようになります、

<div class="container">
    <div class="button"></div>
</div>

CSS

.container { position: relative; }
.button { position: fixed; top: 0; right: 0;  }

これはレスポンシブページであり、ウィンドウのサイズを変更すると、コンテナの幅が動的に変化します。.buttonページがスクロールしていても、右上のコンテナの内側に貼り付けたいです。しかし、私のコードは画面の右上の.button外側を示しています。.container

これを修正するのを手伝ってください。

よろしくお願いします。

score 6 · Accepted Answer

これに使用する必要がありますposition: absolute。

.container { position: relative; }
.button { position: absolute; top: 0; right: 0; }

position: fixed親ではなく、ウィンドウに対して配置されます。

score 0 · Accepted Answer

私が知っていることからposition:fixed;、親ではなく、メインウィンドウに関連しています。