Css 确认人的地位

我使用绝对内部相对定位来定位confirmBox。由于页面包含大量内容，因此页面高度非常大。confirmBox位于页面的中心，但不位于屏幕的中心。由于confirmBox可以通过网页上的多个链接在多个点打开，因此需要将confirmBox定位在屏幕中心（而不是页面中心）。我怎样才能做到这一点

CSS

#confirmBox {
background:#fff;
border:1px solid #80686f;
border-radius:5px;
-webkit-box-shadow: 0 8px 6px -6px #766A65;
 -moz-box-shadow:0 8px 6px -6px #766A65;
box-shadow: 0 8px 6px -6px #766A65;
font-size:15px;
height:217px;
position:absolute;
text-align:center;
z-index:109;
width:400px;
top:50%;
left:50%;
margin-top:-108px;
margin-left:-200px;
}

HTML

<div style="position:relative">
<div id="confirmBox">
</div>
</div>

---

尝试使用“固定”而不是绝对值

使用

固定值

而不是

绝对值

，您不能使用绝对值将元素放置在整个页面的中心。选中此CSS，我给出了顶部|右侧|底部|左侧*0px*它将使框在水平和垂直方向的中心

#confirmBox {
border:1px solid #80686f;
height:217px;
position:fixed;
text-align:center;
z-index:109;
width:400px;
margin:auto;
left:0px;
right:0px;
bottom:0px;
top:0px;
}

FIDLE:JSFIDLE不工作，请检查JsBin示例（输出）

---

。若要查看代码

请尝试使用“固定”而不是“绝对”，请将您的答案放在“答案”部分，以便我可以放弃投票！