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;