浮动在IE7和IE8中看起来不同（html验证）

您好，我正在尝试了解Chrome（目标）和IE 7/8中此页面呈现方式的差异：

http://phor.net/PRIV/md2/ (it validates)

在IE7中，顶部导航栏不浮动LIs，在IE8中，顶部有一个可怕的边缘

这个页面非常简单，所有样式都在

http://phor.net/PRIV/md2/style.css

---

关于如何修复导航栏有什么想法吗？感谢您的帮助和讨论。

IE7不完全支持您在导航栏上使用的内联块属性

尝试使用浮动代替

#navbar ul li { float: left; } 

---

确保随后清除浮动。

IE7不完全支持您在导航栏上使用的内联块属性

尝试使用浮动代替

#navbar ul li { float: left; } 

---

确保随后清除浮动。

使用

float:left

属性，而不是

display:inline table

改变这个

#navbar li {
font: 14px Arial;
margin: 0;
margin-right: -2em;
list-style-type: none;
display: inline-table;
}

到

---

使用

float:left

属性代替

display:inline table

改变这个

#navbar li {
font: 14px Arial;
margin: 0;
margin-right: -2em;
list-style-type: none;
display: inline-table;
}

到

试一试

并删除所有

display:inline table

我给你举个例子

试试看

并删除所有

display:inline table

我给你举个例子

---

IE7不支持

内联表

，您可以使用

float:left或
显示：内联

很抱歉，在IE8中没有看到任何巨大的余量。
IE7不支持
内联表
，您可以使用
float:left或
显示：内联

抱歉，在IE8中没有看到任何巨大的利润。
你永远都会遇到IE的问题，并试图让它像其他更现代的浏览器一样工作，不管它是哪个版本的IE。你永远都会遇到IE的问题，并试图让它像其他更现代的浏览器一样工作，不管它是哪个版本的IE。