为什么在IE＆Edge中屏幕导航丸位于屏幕顶部，但在chrome中看起来不错？

Question

我正在制作一个简单的网页，但是在google chrome上，它看起来非常好，正是我想要的样子，但是当我在IE或Edge中打开该页面时，导航选项卡位于屏幕顶部，而不是中间位置他们是镀铬的。

图片：

我将它们所在的div的“ top”属性设置为30％。

我有很多代码，但我不想用它充斥，如果您需要更多信息，请告诉我！ 提前致谢！

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

Answer 1

在测试了代码之后，您向我们展示了我也注意到它在IE中不起作用。 从这里我可以得出以下位置的位置百分比：相对位置与IE不兼容（从此判断： https : //msdn.microsoft.com/zh-cn/library/ms531177 ( v= vs.85) .aspx IE需要父容器的百分比，并且可能不知道div容器的高度）。 恐怕我不了解您的div周围的更多代码就无法获得更多帮助。