Question

ie7中的导航栏完全搞乱了。第一张图片是它在chrome中的样子，在ie7中是第二张。行高设置为0.3，我可以更改它，因此它在ie7中工作，但它在任何其他浏览器中都不起作用。对此有何解决方案？图片链接如下。

Answer 1

您可以使用conditional CSS statement将行高设置为IE7所需的行数：

<!--[if IE 7]>
<style type="text/css">
  .selector{line-height:0.5;} // Or whatever line height you need
</style>
<![endif]-->

其他浏览器只会使用普通CSS文件/样式标记中的默认值。在您链接/定义其他样式后，代码应放在文档的<head>部分。

Answer 2

如果你是浮动元素，请注意IE的双边距错误。修复只需向浮动元素添加display: inline即可。这不会破坏任何其他浏览器，因为浮动元素应该是内联的。