html - 絶対配置された要素を中央に配置するにはどうすればよいですか?

Question

div {
    width: 400px;
    height: 400px;
    background: yellow;
    z-index: 99;
    margin: 0 auto;
}

div pop メッセージがあります。これは最上層にあり、ページの中央に配置されます。

ただし、設定position:absolute; z-index:99;すると上に表示されますが、機能しませんmargin:0 auto;。

レイヤーの上に置いて真ん中に表示するにはどうすればよいですか？