【发布时间】:2016-02-11 03:38:50
【问题描述】:
我有一个非常有趣的问题,毫无疑问,它是由 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向下推,因为它的父级没有指定的高度
【问题讨论】:
-
寻求代码帮助的问题必须在问题本身中包含重现它所需的最短代码。尽管您提供了一个示例链接,但如果该链接失效,您的问题对于未来遇到相同问题的其他 SO 用户将毫无价值。
-
好的。我会很快抓住它
-
嗨,Ryan,请不要在帖子中反复添加“谢谢”之类的花言巧语;它被删除是有原因的!
标签: css internet-explorer