html - 调整窗口大小时，使元素垂直居中，顶部负数

我将尝试使其变得简单。
我有一个长矩形，顶部为负数以隐藏大部分。
调整窗口大小时，我想使其垂直居中。

就是这个：
https://fiddle.jshell.net/kejswyu5/2/

谢谢！

最佳答案

进行如下更改以使其始终垂直居中，也可以使用此方法来设置动态高度（无固定高度）。

#box{
  position:absolute;
  top:50%;
  left:44vw;
  width:50px;
  height:800px;
  border-bottom:3px solid black;
  background-color:red;
  transform: translateY(-50%);
}

关于html - 调整窗口大小时，使元素垂直居中，顶部负数，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/35827621/