html - CSS - 菜单 : element width height setting

Question

这几天我一直在努力解决这个问题。我无法将 Child1、2 和 3 放在 25px 橙色点之间。父子菜单是基于 CSS 的 ul - li菜单，我在其中设置 <a>作为 inline-block 并设置宽度和高度，但它仍然忽略这些参数。我不知道如何解决这个问题。提前感谢您的帮助。

由于代码的长度，我决定上传“完整”的源代码: source.zip

Answer 1

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

添加这个来修复它:

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