CSS自动向无序列表添加填充和边距

Question

我的所有无序列表都有自动填充 - 左边40px，边距顶部和底部都是12px。我检查了整个css样式表，无法找到无序列表的任何填充，也找不到有序列表

请帮助我，我一直在努力解决这个问题......！

Answer 1

这是浏览器的设置。这就是为什么你应该使用重置CSS来最小化浏览器之间的差异。查找此代码：http://meyerweb.com/eric/tools/css/reset/它将删除所有默认填充和边距。

要从列表中删除它：

ul, li
{
padding:0px; margin 0px;
}

Answer 2

你需要发布一些示例代码 - 我们无法分辨你做了什么。不过，我猜你还没有重置浏览器。

基本上，每个浏览器都会将默认样式应用于页面上的元素。这些假定的默认值可能因浏览器而异。

浏览器重置是个好主意，因为它们删除了一堆浏览器将应用的默认样式，因此您可以在所有浏览器中平等地开始。我是the Eric Meyer reset的粉丝，虽然还有其他人。

Answer 3

这些很可能来自浏览器的默认样式。

根据自己的喜好，简单地将它们置于自己的样式表中

ul {
  padding: 0; <<< put your values
}