我正在向 map 添加菜单。菜单工作正常,但我注意到无论应用到菜单的 CSS 是什么,左边总是有一个填充。填充似乎源自 (-webkit-padding-start: 40px;) 并且它不想消失。我试图用 0 !important; 覆盖它,但没有做任何事情。

谷歌搜索后发现:

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

但是找不到关于如何覆盖或使其消失的任何其他内容。我需要将菜单中的元素一直放在左侧。

html - 摆脱 -webkit-padding-start : 40px-LMLPHP

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

最佳答案

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

短解:

* {
  margin: 0;
  padding: 0;
}

/* your styling */

更长的解决方案:

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

关于html - 摆脱 -webkit-padding-start : 40px,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/29307357/

10-16 22:05