html - Float 在 IE 7 和 IE 8 中看起来不同(html 验证)

Question

您好，我想了解此页面在 Chrome(目标)和 IE 7/8 中呈现的差异:

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

在 IE 7 中，顶部导航栏不会 float LI，而在 IE 8 中，顶部有一个可怕的边距。

这个页面很简单，所有的样式都在

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

对如何修复该导航栏有任何想法吗？感谢您的帮助和讨论。

Answer 1

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

http://www.quirksmode.org/css/display.html

尝试改用 float 。

#navbar ul li { float: left; } 

确保之后清除 float 。