仅在CSS/design,crossbrowser兼容性中使用IE的问题

Question

这个问题是基于这个JSFiddle.它是一个导航设计,有两个顶级菜单项和三个子菜单(结构化为无脚本的可访问性).要看的元素可能是:

     <nav class="top-menu">

有一个紧迫的问题:

1. 只需在Internet Explorer中打开JSFiddle即可.为什么它只在IE中下降？即使在IE9和10中也是如此.

任何帮助将非常感谢!

Answer 1

我注意到"top-header"块具有不同的高度,为了解决这个问题,我添加了行高CSS规则:

.top-header {
    padding: 0 0 5px 0;
    display: inline-block;
    margin-left: 20px;
    position: relative;
    + line-height: 28px; 
}

在IE和Chrome中,它目前对我来说似乎相同.

更新了小提琴

Answer 2

加

height :136px \0/;

在.top -header的末尾,问题将解决,检查 jsfiddle