Html 垂直居中后滚动不正确

所以我有一个问题，在设置位置后：

absolute；最高：50%；页边空白顶部：-310px

用于我的主要内容。问题是当我最小化浏览器窗口并出现垂直滚动时，布局的顶部被隐藏

---

以下是我的意思：。您可以看到菜单和联系人表单，但表单上方的标题不可见/不被浏览器覆盖。怎么了？

我认为您试图用一段代码处理两种情况，但这根本不起作用。您需要使用某种条件代码来处理这两种情况

你的两个案例是：

• 对于超过620像素的视口，需要将内容居中
• 对于小于620像素的视口，需要将内容顶部对齐

对于支持CSS的更现代的浏览器，您可以考虑使用CSS：

@media screen and (max-height: 620px) {  
  .content
  {
    top: 0px;
    margin-top: 0px;
  }
}

---

如果您需要更广泛的浏览器支持，我认为您需要使用javascript。

当视口高度小于620像素时，就会出现这种情况（因此-310px位于视口高度的50%以上）。如何解决这一问题取决于您实际要做什么。我希望内容在每个浏览器中或多或少垂直居中（这就是为什么我使用top:50%和margin top:-310px），但我还需要它正确滚动。我怎样才能解决这个问题？这正是我需要的。问题解决了，非常感谢！