css中fixed定位，如何使它永远居中不动

当给元素设置绝对定位后，如何让其水平居中，请参考如下代码

<style>
#center
{
    width:50px;
    height:50px;
    background-color:red;
    position:fixed;
   top:50%;
    left:50%;
    margin-left:-25px; /* width的一半的相反数 */  
    margin-top:-25px; /* height的一半的相反数 */
    z-index:999;
}
</style>
<div id="center"></div>

参考：https://zhidao.baidu.com/question/498605708045195564.html

可以用来做弹出层