HTML如何顶部居中固定菜单Bar

设置 固定布局 固定菜单栏在顶部, 并且通过 设置margin-left为菜单栏宽度负一半 来调整居中

.menu{
      width: 960px;
      height: 60px;
      background-color: gold;
      position: fixed;
      left: 50%;
      top: 0;
      margin-left: -480px;
}

水平居中, 垂直居中 道理都一样. 只要设置固定布局, 设定50%, 然后再负偏移宽度或者高度的一半, 就可以实现水平垂直居中.