如何删除不需要的填充或边距？

Question

我想使用一个灵活的水平列表菜单，我在 github 上找到了一个在某个断点处带有折叠菜单的菜单。我不需要折叠菜单，所以我摆脱了它。我一直在修改菜单以适应我的布局。有几个问题我似乎无法弄清楚。

1. 我想删除的菜单似乎有一个左边距。
2. 在菜单右侧，缩小浏览器时，最后一个菜单项似乎重叠而不是被推入。
3. 我想缩小列表项之间的边距

通常这对我来说不是问题，但我并没有真正在百分比上工作太多。

 .flexnav {
    overflow: hidden;
    margin: 0 auto;
    width: 100%;
    max-height: 0;
}

FIDDLE

Answer 1

将padding: 0; 添加到.flexnav 样式定义。

Answer 2

要删除填充，只需使用 css：

padding:0;

你提到“不需要”，所以我通常做的一个提示是，我在样式表的顶部写下这个：

*{
  padding:0px;
  margin:0px;
}

这将从默认情况下具有填充或边距的所有内容中删除填充和边距，因此您将不再有“不需要的”填充或边距，相反您可以单独为您真正想要的内容添加填充和边距。

我在我制作的所有网站上都使用这种方法。