我有一个非常有趣的问题,毫无疑问,它是由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
没有指定高度#header-wrap
时,问题已解决#company-info
正在推动#main-menu
因为其父级没有指定的高度