javascript - 为什么我的导航栏在 IE 和 Edge 中位于屏幕顶部，但在 Chrome 中看起来不错？

Question

我正在制作一个简单的网页，但在 google chrome 上它看起来非常好，正是我想要的，但是当我在 IE 或 Edge 中打开页面时，nav-pill 选项卡位于屏幕顶部而不是附近中间就像 Chrome 一样。

图片:

我将它们所在的 div 的“顶部”属性设置为 30%。

我还有很多代码，但我不想用它来淹没它，如果您需要更多信息，请告诉我!提前致谢!

#bodyArea
{
    width: 425px;
    position: relative;
    top: 30%;
    left: 44.3%;    
}

Answer 1

在测试您向我们展示的代码后，我也注意到它在 IE 中不起作用。从这里我可以得出结论，position:relative 从顶部开始的百分比与 IE 不兼容(由此判断:https://msdn.microsoft.com/en-us/library/ms531177(v=vs.85).aspx IE 占用父容器的百分比，它可能不知道您的 div 容器的高度)。如果不了解您的 div 周围的更多代码，恐怕我无法提供更多帮助。