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

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;
}

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

我在我制作的所有网站上使用此方法。