摆脱 -webkit-padding-start: 40px答案

【问题标题】：Get rid of -webkit-padding-start: 40px摆脱 -webkit-padding-start: 40px
【发布时间】：2015-06-01 04:12:09
【问题描述】：

我正在为地图添加菜单。菜单运行良好，但我注意到无论菜单应用什么 CSS，左侧总是有一个填充。填充似乎来自 (-webkit-padding-start: 40px;) 并且它不想消失。我试图用没有做任何事情的0 !important; 覆盖它。

谷歌搜索后发现：

但是找不到其他关于如何覆盖或使其消失的信息。我需要将菜单中的项目一直放在左边。

附上截图，绿色区域就是我说的，样式下可以看到-webkit-padding-start: 40px;

【问题讨论】：

【解决方案1】：

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

短解决方案：

* {
  margin: 0;
  padding: 0;
}

/* your styling */

更长的解决方案：

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

【讨论】：

这也有效。我现在宁愿使用margin-left: -40px;，因为这只会影响菜单而不是整个项目，但在下一个项目中将使用css reset。谢谢。
不客气。确保仅在该特定菜单上应用margin-left: -40px;（应用像#special-ul { margin-left: -40px; } 这样的ID）以避免每个 ul.上的边距
感谢您和线程创建者，我想知道填充从哪里出现在哪里！谢谢大家。
您刚刚对整个页面中的每个元素应用了高重要性样式。读者：不要这样做。如果您想应用边距和/或填充规则，请以比 * 更具体的方式进行。

【解决方案2】：

对于火狐：

-moz-padding-start: 0px;

【讨论】：