html - HTML/CSS:IE向<li>添加偏移量-在Chrome，FF中看起来不错

是的，星期四还有一个问题。:)
http://jsfiddle.net/dex3703/nwTUm/
这个布局在Chrome中看起来很好，但是顶部水平菜单和左侧垂直菜单中的li都包含IE9中的偏移量。当我选择一个li并查看“Layout”选项卡时，IE在F12工具中显示了这一点。
（请注意，如果您在IE中查看小提琴，它将正确显示在结果窗口中！）
关于整理标记/css的任何其他评论都值得赞赏。而且我只对IE9感兴趣。

最佳答案

将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/

关于html - HTML/CSS:IE向<li>添加偏移量-在Chrome，FF中看起来不错，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/8747911/