使用CSS在父菜单下面居中放置下拉菜单

问题描述：

我的下拉菜单出现在其父菜单左侧太多的问题。使用CSS在父菜单下面居中放置下拉菜单

（与菜单“关于我们”比较）

我对定位有点困惑，因为导航菜单的CSS大部分都不是由我自己完成的。我真的很感谢它的一些帮助。

谢谢！

您是否可以创建一个仅包含菜单栏的测试页？与它合作会更容易。 – Charlie 2011-12-16 22:48:48

@Charlie，我只是设置了这一个，如果有帮助：http://dev.gratefulhearttherapy.org/test – 2011-12-16 23:28:18

答

如果您在顶部菜单容器上设置position：relative并在子容器上删除左边：142px，则您将左对齐。

.custom ul.mega-menu li { 
    position: relative 
} 
.custom ul.mega-menu li .sub-container { 
    left: 0 
}