我不明白为什么top：50％不能用于我的div元素？

Question

编辑：嗯，这整个头痛仅是由这样一个简单的错误引起的。谢谢所有回答的人！

@Money_Murch 我目前正在使用Atom.io，但肯定会尝试使用Visual Studio。谢谢！

---

我是CSS新手，需要帮助。 我正在关注this教程。

我是本教程的最基础部分，但是当他使用es_schema:User.schema 时，但是我的元素并没有向下移动。请帮忙！谢谢！

我怀疑这与身体的身高不正确有关吗？ 因为我了解到要使用top，该元素必须具有高度。 我正在使用top: 50%; 因为他做到了但是我以前从未使用过相对长度。

height: 100vh;

 * {
      margin: 0;
      box-sizing: border-box;
      padding: 0;
    }
    
    body {
      height 100vh;
      display: flex;
      background-color: mediumspringgreen;
      transition: background 0.5s ease;
      position: relative;
    }
    
    
    .field-name,
    .field-email,
    .field-password,
    .field-finish {
      position: absolute;
      top: 50%;
    }

Answer 1

您在height属性中缺少一个冒号： height：100vh;

body {
      height: 100vh;
      display: flex;
      background-color: mediumspringgreen;
      transition: background 0.5s ease;
      position: relative;
    }

编辑：

我在编写代码时使用Visual Studio，无论它是c＃，html，javascript等等。它可能对您有用。下载在这里：https://visualstudio.microsoft.com/downloads/

Answer 2

您刚高就错过了冒号。尝试下面的代码

body {
  height: 100vh;
  display: flex;
  background-color: mediumspringgreen;
  transition: background 0.5s ease;
  position: relative;
}