我的页面上有一个按钮,单击该按钮时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
即使在页面滚动时也如何在屏幕中间显示。
问题的问题。为什么要减去上边距:(200)和左边距。我觉得这是高度和宽度的媒介,但是为什么我们必须这样做才能获得绝对中心?难道剩下的50%和顶部的50%都能做到吗?
—
jmoon90'6
—
kub1x