在屏幕中间的中心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;
}
只要页面没有向下滚动，它就可以正常工作。
但是，如果我将按钮放在页面底部并点击它，则div显示在顶部（用户必须向上滚动以查看div的内容）。
我想知道如何在屏幕中间显示div，无论用户是否向上/向下滚动。
将position属性更改为fixed而不是absolute 。
改变position:absolute; position:fixed;
Quote ：我想知道如何在屏幕中间显示div，无论用户是否向上/向下滚动。
更改
position: absolute;
至
position: fixed;
W3C position: absolute规格position: absolute position: fixed和position: fixed 。