・ボタンを押すと div を表示・非表示する。

・DIV1 を position: absolute; で表示する。
  親要素 DIV_PARENT に対して指定した位置に重ねて表示します。
  CSS で表示位置を調整します。

(2015/12-2024/04)
動作 : Edge120, Firefox120, Chrome119

◎ ノート
・ウインドの中心にダイアログを表示したい場合は、2020年代では 
　dialog タグ を使えます。div や複雑な CSS が不要になります。