下拉列表对齐问题（HTML/CSS）

我以前问过这样的问题，但上次我用了不同的代码

我正在尝试创建一个下拉菜单。主列表中的某些元素具有下拉列表“新闻和团队”。由于某种原因，它们被移到了右边。我希望下拉列表中的项目与其父项对齐

任何帮助都将不胜感激

谢谢

---

网页上的某些元素具有标准的填充值。 例如，所有列表都留有空格。如果要更改此设置，请尝试以下操作：

在CSS代码中添加以下内容：

ul {
   padding: 0;
}

或者，您可以为此菜单添加特定的id或类，并更改它们的填充。

您只需将填充：0添加到nav ul规则中，使其看起来像这样：

nav ul ul {
    display: none;
    position: absolute;
    padding: 0;
}

---

默认情况下，ul元素的左填充为40px，您需要删除该填充以使第二级ul与第一级ul对齐。

我只想对您的回答说一声非常感谢。我不知道为什么花了这么长时间，但我终于明白了

在我展示的CODEPTEN中，有一件重要的事情我要离开：移动响应框架的CSS文件称为基金会。CSS文件中所有ul标签的左边距为1.25em。这就是ul标签移到右侧的原因

为了解决此问题，我更改了以下内容：

nav ul ul {
    display: none;
    position: absolute;
    padding: 0;
    margin: 0;
}

我添加了一个保证金属性，现在一切都好了

再次感谢所有帮助我回答这个问题的人，很抱歉浪费了你们的时间

---

我祝你们一切顺利。

你能给我一个codepen/jsfiddle示例吗。我不能让它工作。如果你能展示一个真实的例子，那将是非常感激的。标记你的答案，因为你间接地帮助了我，便士下降到为什么我有这个问题。检查我的答案，你就会明白我的意思。谢谢

nav ul ul {
    display: none;
    position: absolute;
    padding: 0;
}

nav ul ul {
    display: none;
    position: absolute;
    padding: 0;
    margin: 0;
}