html - 下拉菜单项未与父项对齐

Question

我无法在本网站上对齐主菜单的翻转元素... http://www.mattmaclennan.co.uk/a2

翻转元素应该与父母一致，有什么想法吗？

谢谢！

Answer 1

将 CSS 属性添加position: relative到类mainNav

ul#nav li.mainNav {
  display: inline;
  padding-left:15px;
  position: relative;
}
(line 44 of style.css)

Answer 2

将您的CSS更改为此...

ul#nav li.mainNav {
display: inline-block;
padding-left: 15px;
}