为什么此导航栏不居中？

Question

我注意到导航li项目（黄色部分）是正确的中心，所以我改变了包含的宽度和背景背景颜色，以便我可以看到发生了什么事情，试图修复错位;然而，我似乎无法看到这种情况发生的原因（大约6个浏览器）。

这里是有问题的标记/ CSS：http://building-more.site50.net/

它似乎的jsfiddle做工精细：http://jsfiddle.net/cTXXH/1/

它似乎并没有在IE中显示在所有，这是怎么回事错在这里？

Answer 1

这是因为某些元素已经具有默认值，例如填充和拖尾会影响您的定位，并且这对于每个浏览器都可能不同。这就是为什么人们在默认使用自己的样式之前，通常会“重置”CSS以默认使用0边距和0填充。

您的示例在您的小提琴中正常工作，因为已选中“正常化CSS”。这是一个类似于CSS重置的框架，可以在这里找到：http://necolas.github.com/normalize.css/ - 它确保您的默认位置在浏览器之间保持一致，并且为您提供一个干净的平台。

如果你想将它包含到你的网页中，它将解决你的问题。希望有所帮助。

Answer 2

此外，它看起来像你忘记了endif声明中的结尾括号，用于IE检查。

应该是：

<![endif]-->