window.location，页面布局问题，css

Question

我正在尝试使用window.loaction.replace（）并发现不需要的行为。

重定向工作正常，但它弄乱了我的html结构。

它重定向到想要的站点，但顶部面板变成了虚影。 据我所知，车身结构的行为类似于“面板高度的负边距”。 如果我用萤火虫将面板的尺寸加倍，它就会下降。

整个页面在重定向后看起来根本没有面板。

  redirector: function(e){
   window.location.replace(e);
  }

顶部面板是包含ul的nav元素，右边的元素从上面浮动到右边。 它不是固定的：

.panel{
    display: block;
    height: 42px;
    position: relative;
    z-index: 9998;
}

即使手动重新加载页面后，错误也不会消失。

编辑：

如果我使用PHP标头重定向，则会发生相同的问题：位置...

完整的html，body向上移动。

如果我不得不在CSS中描述此错误，它将看起来像：

html{
height:100%
position: absolute;
top:-40px;
bottom:40px;
}

Answer 1

也许对其他人有用：

如果body.html标记内的内容的计算高度高于body.html本身，则会出现问题。

如果html，body具有100％的高度，并且body内部例如是三个元素：

顶部导航面板内容包装器页脚

并且这三个元素的CSS高度计算值高于身体高度，从而导致此问题。

我不知道为什么它仅在重定向后才会显示，但如果我通过链接导航则不会显示。