關於position:fixed;的居中問題

通常情況下，我們通過操作margin來控制元素居中，代碼如下：

#name{
    maigin：0px auto;
}

但當我們把position設置為fixed時，例如：

#id{
    position:fixed;
    margin:0px auto;
}

以上代碼中的margin:0px auto;會出現失效問題，盒子並未居中。這是因為fixed會導致盒子脫離正常文檔流。
解決方法非常簡單，只要應用如下代碼即可：

#name{
    position:fixed;
    margin:0px auto;
    right:0px;
    left:0px;
}

若希望上下也可以居中，可采用如下代碼：

#name{
    position:fixed;
    margin:auto;
    left:0;
    right:0;
    top:0;
    bottom:0;
}

萬能居中法(未知大小呦)：

#name{
      position:fixed;
      left:50%;
      top:50%;
      transform:translate(-50%,-50%);
      z-index:1000;      
}