为什么这个导航栏不居中?

时间:2012-11-20 13:27:24

标签: html css

我注意到导航li项目(黄色部分)位于中心位置,因此我更改了包含div / nav宽度和背景背景颜色,以便我可以看到继续尝试修复错位;但是,我似乎无法看到发生这种情况的原因(在大约6个浏览器中)。

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

似乎在jsfiddle中运行良好:http://jsfiddle.net/cTXXH/1/

IE中似乎没有显示,这里出了什么问题?

2 个答案:

答案 0 :(得分:2)

这是因为某些元素已经具有默认值,例如填充和翻边,这会使您的定位偏差,对于每个浏览器,这可能会有所不同。这就是为什么人们经常'重置'CSS默认使用0边距和0填充,而是在开始使用自己的样式之前。

你的例子在你的小提琴中运行正常,因为'normalize CSS'被检查。这是一个类似于CSS重置的框架,可以在这里找到:http://necolas.github.com/normalize.css/ - 它确保你的默认定位在浏览器之间是一致的,并为你提供一个干净的平板。

如果您要将其添加到您的网页中,它将解决您的问题。希望有所帮助。

答案 1 :(得分:2)

此外,您似乎忘记了IE检查的endif语句中的结束括号。

应该是:

<![endif]-->