html - Wordpress 子菜单上无法解释的 CSS 属性

Question

我已经构建了这个相对丑陋的东西，我正试图让它不那么丑陋(图像都是占位符 atm)。

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

操作要点一 - 一些主要导航链接有一个子菜单，弹出 OK。然而，它增加了下方导航按钮的高度，我不明白为什么(请参阅底部的两个导航链接“设备”和“指南”)。

我试过更改这些链接在菜单中的位置，它总是通过增加高度(并增加丑陋度)来影响下面的链接。 Firebug 告诉我受影响的链接增加了高度，但我不明白为什么。

再玩一些之后，子菜单似乎在其底部添加了边距或填充，将下方的元素向下推。我可以通过使用 margin-bottom:-##px 来减少它，但我无法首先弄清楚为什么它在那里。

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

Answer 1

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

   text-indent: -105px;

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

你会想要这样的东西只针对那个盒子:

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

然后像

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

用于子菜单。但这是一个黑客。你会想看看你的代码的其余部分为什么那个盒子变得这么小