我使用规范化为什么它有 40px 填充

Question

我已经下载了响应式 framwework http://996grid.com/并在规范化中.css它对各种项目具有padding: 0 0 0 40px;的默认设置

。 例如。

menu,
ol,
ul {
    padding: 0 0 0 40px;
}
dd {
    margin: 0 0 0 40px;
}

有人可以解释一下这样做的原因，因为当我添加一个 ul 时，它会在其上添加 40px......如果我在规范化中删除 40px，它会影响浏览器支持吗？

感谢您的帮助

Answer 1

在官方的 Normalize.css（可在 https://github.com/necolas/normalize.css/获得）中，没有这样的填充，但是大多数浏览器无论如何都会添加此填充，以简单地从常规文本中给列表一些缩进。

如果要删除它，只需修改提供的 CSS 或在您自己的 CSS 中覆盖它：

menu,
ol,
ul {
    padding: 0;
}
dd {
    margin: 0;
}

您可以

随心所欲地设置自己的文档样式;除了 HTML 规范中定义的默认样式之外，大多数浏览器默认样式只是为了让简单的无样式文档更漂亮一些。

Answer 2

根据Erik Meyer的说法，它是Mosaic的残余。他在网络平台播客第139集的结尾说了这句话