HTML/CSS 需要禁用边距

Question

我花了将近半个小时来搜索在何处禁用子菜单的边距。这是一个例子。

我为菜单链接做了边距，子菜单也受到了影响。但我不需要那个。所以我找不到在哪里可以将子菜单边距更改为零。您可以在

Answer 1

移除 .sub-menu li 的边距

#menu ul.sub-menu li {
    margin:0;
}

然后更改您的 ul ul 的位置，使下拉导航居中。用这个替换你当前的 ul 样式(你的 css 的第 182 行)。

#menu ul ul {
    background-color: #4d4d4d;
    display: none;
    left: 50%; /* CHANGE THE POSITION TO 50% */
    padding: 0;
    position: absolute;
    top: 119%;
    transform: translateX(-50%); /* THEN MOVE IT LEFT -50% OF ITS NATURAL WIDTH */
}