摆脱-webkit-padding-start：40px

Question

我正在为地图添加菜单。菜单工作正常，但我注意到无论CSS应用于菜单，左边总是有填充。填充似乎起源于（-webkit-padding-start：40px;）并且它不想消失。我试图用0 !important;覆盖它，但没有做任何事情。

谷歌搜索后发现：

-webkit-padding-start: 40px; What it should be for IE and Firefox?

然而，无法找到关于如何覆盖或使其消失的任何其他内容。我需要在菜单中一直有左边的项目。

附件是截图，绿色区域正是我所说的，在你可以看到的样式下-webkit-padding-start：40px;

Answer 1

这是因为每个浏览器的用户代理样式表。 作为第一步，您应该始终重置css中的所有属性。

简短解决方案：

* {
  margin: 0;
  padding: 0;
}

/* your styling */

更长的解决方案：

http://meyerweb.com/eric/tools/css/reset/

Answer 2

for firefox：

-moz-padding-start: 0px;