仅在CSS /设计中具有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中对我来说似乎相同。

Updated fiddle

Answer 2

添加

height :136px \0/;

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

Answer 3

您可以使用一些'磁带'来解决这个问题。 ：）

通过CC，添加border-bottom: white 10px solid;或outline:white 10px solid; http://jsfiddle.net/SKJvv/7/ http://jsfiddle.net/SKJvv/8/

它没有解释布局正在播放的内容。

（CC包括：http://jsfiddle.net/SKJvv/10/）