[解決済み] ページを上下にスクロールしても、divは画面の中央に表示される？

質問

私のページにはボタンがあり、クリックすると div (ポップアップスタイル)が表示されます。

を中央に配置するために、以下のCSSを使用しています。 div を画面の中央に配置しています。

.PopupPanel
{
    border: solid 1px black;
    position: absolute;
    left: 50%;
    top: 50%;
    background-color: white;
    z-index: 100;

    height: 400px;
    margin-top: -200px;

    width: 600px;
    margin-left: -300px;
}

このCSSは、ページがスクロールダウンしていない限り、問題なく動作します。

しかし、ボタンをページの一番下に配置すると、クリックされたときに div が上部に表示され、ユーザーは上にスクロールしないと div .

を表示する方法を知りたいのですが。 div を画面中央に表示する方法を教えてください。

解決方法は？

を変更します。 position 属性を fixed の代わりに absolute