html - CSS
-
menu：元素宽度高度设置

Question

我正在尝试解决这个问题几天。我无法将 Child1、2 和 3 放置在 25px 橙色点之间。父子菜单是基于 CSS 的ul菜单li，我在其中将其设置<a>为内联块并设置宽度和高度，但它仍然忽略这些参数。我对如何解决这个问题没有想法。提前谢谢你的帮助。

score 3 · Accepted Answer

问题是<a>子菜单上的标签具有padding:15px来自主菜单的标签。您需要将其设置为 0。然后您可以设置line-height元素的以匹配橙色条height以使其垂直居中。

添加这个来修复它：

#header .cssMenuA a{
    padding:0;
    line-height:25px;
}

score 2 · Accepted Answer

看起来 Child 1、2、3a标签应用了填充，这将它们向下推到橙色之外。看截图：

尝试从 a 标记中删除填充（bodystyle.css，第 78 行），然后仅将其重新应用到父菜单项。

score 1 · Accepted Answer

<a>导航列表中的所有元素（包括）周围都有 15px 的填充PARENT，但这也适用于“孩子”。添加规则：

#header li li a {
    padding-top: 0;
}

这可能看起来与您想要的不完全一样，因为<a>它设置为 25px 高，但字体比这小。还添加

#header li li a span {
    line-height: 25px;
}

html - CSS-menu：元素宽度高度设置