我的问题很简单，但我只是找不到使用firebug等的答案....
为什么我的子菜单项重叠？将鼠标悬停在“Aktuelles”上，你可以看到透明的子菜单项重叠，创建了丑陋的白条。 ul li元素没有分配给它们的减去边距，那么它们为什么要这样做呢？
谢谢！
答案 0 :(得分：1)
这是因为你给.main-navigation li一个固定的高度。 style.css中的第946行。删除高度。 .main-navigation li ul li a上的盒子阴影也可能导致一些丑陋的设计。您最好在.main-navigation li ul上应用阴影。
答案 1 :(得分：1)
line-height的{{1}}高于其父<a>。
将以下类中的<li>设置为相等的值：
line-height答案 2 :(得分：0)
你有这个css类：
.main-navigation li ul li a:hover {
background: #e3e3e3;
color: #444;
}
像这样改变：
.main-navigation li ul li a:hover {
background: #e3e3e3;
color: #444;
opacity: 0.75;
}
答案 3 :(得分：0)
@Bram Vanroy回答是要走的路......
也可以试试这段代码
.sub-menu li {
margin: 0;
}
由于.main-navigation li样式影响该菜单中的所有li，因此margin: 0 2.857142857rem 0 0使.sub-menu li变得丑陋margin-right