0

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

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

它似乎在 jsfiddle 中工作正常:http: //jsfiddle.net/cTXXH/1/

它似乎根本不显示在 IE 中,这里出了什么问题?

4

2 回答 2

2

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

您的示例在您的 Fiddle 中运行良好,因为选中了“规范化 CSS”。这是一个类似于 CSS 重置的框架,可以在此处找到:http: //necolas.github.com/normalize.css/ - 它确保您的默认定位在浏览器之间保持一致,并为您提供一个干净的工作状态.

如果您将其包含到您的网页中,它将解决您的问题。希望有帮助。

于 2012-11-20T13:30:13.113 回答
2

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

应该:

<![endif]-->
于 2012-11-20T13:38:44.497 回答