用relative水平居中

超出屏幕宽度的容器想要水平居中，还是要用relative的吧？

.content{
      width: 1920px;
      margin-left: auto;
      margin-right: auto;
      height: 30px;
      box-shadow: 0 0 5px 1px #333;
    }

.content{
      width: 1920px;
      position:relative;
      top: 0;
      left: 50%;
      margin-left: -960px;
      height: 30px;
      box-shadow: 0 0 5px 1px #333;
    }

虽然都是居中，但好像有明显区别。