居中并保持居中水平下拉菜单

Question

我创建了一个固定的，宽度为100％的导航栏，它跨越了我的页面顶部;唯一的问题是我无法获得下拉菜单标题，因为页面调整大小时仍保持居中状态，或者就此而言，它们现在被左移。

这是full screen result和the code。

我到目前为止所尝试的一切都已经打破了菜单标题的下拉菜单附件。

感谢您的帮助，
链接

Answer 1

你已经对ultext-align:center。这是一个好的开始。现在只需补充一点：

#menu li { 
    display:inline-block; 
    float:none; /* or just remove the float */ 
} 

这将居中导航项目，但过于摆脱这样的：

#menu { 
    left: -20px; 
} 

这打破了布局，使第一链接无法点击。

您还在:hover上应用了一些额外的填充，或者使列表项目“跳跃”的东西。我会建议解决这个问题，所以链接不会四处移动。