【问题标题】:Nav working in all versions of IE except IE11Nav 可在除 IE11 之外的所有 IE 版本中使用
【发布时间】: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


【解决方案1】:

您可以使用normalise.css 之类的东西,这将确保所有浏览器的所有默认样式都相同

【讨论】:

  • 感谢您的建议。但是,这不适用于此。我知道有一些方法可以通过编辑我的 CSS 来完成这项工作
  • 这并不能真正回答问题。
猜你喜欢
  • 2013-06-27
  • 1970-01-01
  • 1970-01-01
  • 2016-09-19
  • 1970-01-01
  • 1970-01-01
  • 2012-12-30
  • 2012-11-26
  • 1970-01-01
相关资源
最近更新 更多