Wordpress中子菜单上的不明原因的CSS属性

Question

我已经构建了这个相对难看的东西，我试图让它变得更加丑陋（图像都是占位符atm）。

http://samcampsall.co.uk/DA/

行动一点一点 - 有一些主要的导航链接的子菜单，弹出确定。然而，它正在为下面的导航按钮添加高度，我无法弄清楚为什么（请参见底部的两个导航链接“设备”和“指南”）。

我试着改变这些链接在菜单中的位置，它总是通过增加高度（并增加丑陋）来影响下面的链接。 Firebug告诉我，受影响的链接增加了高度，但我无法弄清楚原因。

经过一些更多的游戏后，似乎子菜单添加一个边缘或填充到他们的底部推动下面的项目。我可以通过使用margin-bottom来减少这个问题： - ## px，但我无法弄清楚为什么它首先出现在那里。

这可能是因为我相当无能 - 有什么想法？提前致谢。

Answer 1

你有“指南”的文本框非常小，所以它的下降线适合。如果您尝试

text-indent: -105px; 

在该链接上，您会看到它全部向上移动。

你想那盒子这样的事情唯一的目标：

#menu-item-14 a {text-indent: -105px;} 

，然后像

#menu-item-14 ul {text-indent:0px;} 

的子菜单。但这是一个破解。你会希望看到你的代码的其余部分为什么这个盒子来这么小