导航在除IE11之外的所有IE版本中工作

时间:2016-02-10 17:08:24

标签: css internet-explorer

我有一个非常有趣的问题,毫无疑问,它是由IE造成的。

我遇到的问题是主导航#main-menu在IE11中直接位于它下面的div后面。我已经在IE的所有其他版本中对它进行了测试,并且它运行良好。我已经在IE11中进行了检查,我可以使用下面的样式,它会显示出来。

#main-menu {top: -50px;}

我不完全确定是什么导致它这样做。如果你问我,这很奇怪。

HTML布局(确切布局的示例,省略链接)

<header id="header">
    <div id="header-wrap">
        <div id="company-info"></div>
        <div id="main-menu"></div>
    </div>
</header>

编辑经过更多检查,我找到了自己的解决方案。

以下是发生的事情:

  • #company-info的高度设置为100%
  • #header-wrap没有指定高度
  • 当我指定高度为100%至#header-wrap时,问题已解决
  • #company-info正在推动#main-menu因为其父级没有指定的高度

1 个答案:

答案 0 :(得分:-3)

您可以使用类似normalise.css的内容,这样可以确保所有浏览器的所有默认样式都相同