Question

我已经构建了这个相对丑陋的东西，我试图减少丑陋（图像都是占位符atm）。

动作点一 - 有一些主要导航链接的子菜单，弹出正常。然而，它增加了下面的导航按钮的高度，我无法弄清楚为什么（请参阅底部的两个导航链接'设备'和'指南'）。

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

经过多次播放后，子菜单似乎会在底部添加边距或填充，将下方的项目向下推。我可以通过使用margin-bottom来减少这种情况： - ## px，但我无法弄清楚为什么它首先出现在那里。

这可能是因为我相当无能 - 任何想法？提前谢谢。

Answer 1

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

   text-indent: -105px;

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

你会希望这样的东西只针对那个盒子：

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

然后像

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

表示子菜单。但这是一个黑客。你会希望看到你的代码的其余部分为什么这个盒子变得如此之小