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

【问题标题】：Unexplained CSS property on sub menu in WordpressWordpress 子菜单上无法解释的 CSS 属性
【发布时间】：2023-04-10 06:14:01
【问题描述】：

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

操作点一 - 有一些主要导航链接的子菜单，弹出确定。但是它增加了下方导航按钮的高度，我不知道为什么（请参阅底部的两个导航链接“设备”和“指南”）。

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

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

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

【问题讨论】：

【解决方案1】：

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

   text-indent: -105px;

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

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

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

然后类似

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

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

【讨论】：