如何在页面上居中绝对块

Question

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

正文容器的最大宽度为 960px。

我试过 float:left 和 display:flex 等，但我不能打赌菜单块会在页面上居中。

有什么建议吗？

Answer 1

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