CSS列表样式具有随机空间

Question

我正在尝试对页面进行编码，出于某种原因，我为我创建的列表提供了随机css间距问题。在右下角，我在列表和div之间有一个随机空格。

我想我的风格很好，但我的代码在jsFiddle

由于某种原因它在那里工作正常。有任何想法吗？

如果需要，我可以提供整个页面链接。

我希望整个css列表遍及整个div，但是div的左墙与其列表之间存在巨大差距。

Answer 1

您链接到的页面上的列表需要清除其填充（并且可能是其边距...某些浏览器具有不同的默认样式）。以下是一些可用于解决此问题的规则：

#navlist {
    list-style-type: none; /* Removes default list style */
    margin: 0;
    padding: 0;
}

我强烈建议您获取Firefox的Firebug扩展名。它使这样的调试布局问题非常容易。它还可以帮助您查看您正在编写的样式规则是否被样式表中其他位置的更具体规则覆盖。

另外，您不应该使用center元素。该元素已被弃用，应通过您的样式表进行处理，如下所示：text-align: center;