HTML / CSS：IE将偏移量添加到 <li> -在FF中看起来不错

Question

是的，您星期四的另一个仅限IE的问题。 :)

此布局在Chrome中看起来不错，但顶部水平菜单和左侧垂直菜单中的li在IE9中都包含偏移量。 当我选择li并查看“布局”选项卡时，IE在F12工具中显示了这一点。

（请注意，如果您查看IE中的小提琴，它将在结果窗口中正确显示！）

任何其他有关整理标记/ css的意见均表示赞赏。 另外我只对IE9感兴趣。

Answer 1

将#topnav li的display属性更改为inline会为IE修复它，但您必须做一些额外的工作才能使其在其他浏览器中正确显示。

#topnav li 
{
    margin-left: 15px;
    padding: 0 5px;
    font-weight: bold;
    color: #767676;
    height: 100%;
    border-top: 4px solid #DBDBDB;
    line-height: 5em; /* for vertical alignment */
    display: inline; 
}

http://jsfiddle.net/dex3703/nwTUm/

Answer 2

由于它在jsfiddle中运行良好，因此很有可能您没有使用doctype。 将此添加到页面的第一行，看看是否可以解决： <!DOCTYPE html> 。 否则，您将处于怪异模式。

Answer 3

我重新启动了计算机，它在IE9和Chrome中正常运行。

HTML / CSS：IE将偏移量添加到 <li> -在FF中看起来不错

问题描述

3 个解决方案

解决方案1
0 2012-01-05 18:48:55

解决方案2
0 2012-01-05 18:53:31

解决方案3
0 已采纳 2012-01-06 18:12:18

HTML / CSS：IE将偏移量添加到 <li> -在FF中看起来不错

问题描述

3 个解决方案

解决方案1 0 2012-01-05 18:48:55

解决方案2 0 2012-01-05 18:53:31

解决方案3 0 已采纳 2012-01-06 18:12:18

解决方案1
0 2012-01-05 18:48:55

解决方案2
0 2012-01-05 18:53:31

解决方案3
0 已采纳 2012-01-06 18:12:18