我注意到导航li
项目(黄色部分)位于中心位置,因此我更改了包含div
/ nav
宽度和背景背景颜色,以便我可以看到继续尝试修复错位;但是,我似乎无法看到发生这种情况的原因(在大约6个浏览器中)。
这是有问题的标记/ css:http://building-more.site50.net/
似乎在jsfiddle中运行良好:http://jsfiddle.net/cTXXH/1/
IE中似乎没有显示,这里出了什么问题?
答案 0 :(得分:2)
这是因为某些元素已经具有默认值,例如填充和翻边,这会使您的定位偏差,对于每个浏览器,这可能会有所不同。这就是为什么人们经常'重置'CSS默认使用0边距和0填充,而是在开始使用自己的样式之前。
你的例子在你的小提琴中运行正常,因为'normalize CSS'被检查。这是一个类似于CSS重置的框架,可以在这里找到:http://necolas.github.com/normalize.css/ - 它确保你的默认定位在浏览器之间是一致的,并为你提供一个干净的平板。
如果您要将其添加到您的网页中,它将解决您的问题。希望有所帮助。
答案 1 :(得分:2)
此外,您似乎忘记了IE检查的endif语句中的结束括号。
应该是:
<![endif]-->