如何正确地从绝对定位切换到固定定位

Question

我遇到一个问题，我用“position：absolute”定位一个对话框，它可以很好地将它放在屏幕的中心。但是之后我将“position：absolute”切换为“position：fixed”，之后它会使位置不在中心位置。 （我使用的是最新的稳定版Google Chrome。）

什么是诀窍，以便当我进行此切换时，它始终位于中心？

Answer 1

您需要使用这些样式使其显示为死点：

position:fixed;
top:50%;
left:50%;
width:400px;  /* adjust as per your needs */
height:400px;   /* adjust as per your needs */
margin-left:-200px;   /* half of width above */
margin-top:-200px;   /* half of height above */

因此应指定position。 top和left应为50%。 margin-left和margin-top应分别为框的宽度和高度的一半。

请注意，position:fixed在IE6中不起作用。