CSS 将一个 div 绝对定位（fixed）到页面正中间

之前做过一些案例，将 div 展示到文档的中间，一般会考虑用 margin: 0 auto; 或者 text-align: center;。

如何将一个 div 绝对定位到页面正中间呢？这个功能需求主要应用在一些弹框或者提示信息展示上。

网络上找到一个合适的（也是用 margin 来实现）：

.fixed-div {
    width: 300px;
    height: 150px;
    border: 1px dashed #c8c8c8;
    position: fixed;
    top: 20%;
    left: 0;
    right: 0;
    margin:0 auto;
}