html - CSS 列表样式具有随机空间

Question

我正在尝试编写页面代码，但出于某种原因，我创建的列表存在随机 css 间距问题。在右下角，我在列表和它的 div 之间有一个随机空间。

我认为我的样式很好，但我的代码在 jsFiddle

出于某种原因，它在那里工作得很好。有任何想法吗？

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

我希望整个 css 列表跨越整个 div，但它在 div 的左墙与其列表之间有一个巨大的差距。

Answer 1

您链接到的页面上的列表需要清除其填充(可能还有其边距……某些浏览器具有不同的默认样式)。以下是您可以用来解决此问题的一些规则:

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

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

顺便说一句，您不应该使用 center 元素。该元素已被弃用，应通过您的样式表处理，如下所示:text-align: center;