css top nav - 左侧导航（菜单）， Headers 位于中央，右侧（更多按钮）

我想要一个看起来像这样的顶级导航：div = []，space = .

[[menu-icon] [logo] .... [page title] ..... [some-icon] [some-icon]]

所以菜单和徽标区域贴在左边 .
中间的页面 Headers .
另外2个图标贴在右边 .

我尝试了几种方法，但没有一种方法适合我 .
我最好的解决方案已经到位，但是链接/图标不可点击，文本是"over" .

感谢任何帮助 .

======编辑=====感谢@Mark Simpson，我修复了css中的拼写错误并将 Headers 栏置于中心位置，并通过使用z-index：-1来点击链接 .
但我的 Headers 也是可点击的 .
我在某些页面上使用它 .
关于如何用css解决这个问题的任何建议？

1 回答

.navbar .center {
    width: 60%;
    margin: 0 auto;
    text-align: center;
}

.navbar .right {
    position: absolute;
    right: 0;
    top: 0;
}

回复于 2024-04-29T15:36:16+08:00