1

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

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

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

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

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

4

1 回答 1

2

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

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

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

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

于 2012-07-08T23:07:54.653 回答