如何在页面上居中绝对块

Question

我在http://dev.smithonstocks.com 有一个菜单栏块，我希望它位于正文内容上方。

body 容器的最大宽度为 960px。

我尝试过 float:left 和 display:flex 等，但我无法将菜单块置于页面中心。

有什么建议吗？

Answer 1

position: absolute;
left: 50%;
transform: translate(-50%,0);
z-index: 1;