IE 11、10、9 无法正确显示导航

Question

我已经尝试了很长时间来解决这个问题。大文本导航在 IE11/10/9 中位于顶部，但所有其他浏览器都将其放置在较低位置。当您将鼠标悬停在另一个导航栏上时，IE 会将其向下推到适当的位置。

这是演示站点： https://xdvn.000webhostapp.com/

Answer 1

嗯....似乎将高度添加到您的辅助导航中解决了 IE 中的问题。

#secondary_nav {
    text-align: right;
    position: relative;
    height: 77px;
}

我仍在努力思考，想知道为什么会这样。似乎 IE 不知道那个绝对元素的底部在哪里，直到 link 悬停在上面。因此，为第一个导航元素设置高度将使其正常运行。