css - 根据浏览器屏幕垂直居中 div

Question

是否可以根据浏览器屏幕高度使 div 垂直居中？

我有这个

#success {
  height: 300px;
  top: 50%;
  margin-top: -150px;
  position: absolute;
}

但这垂直于它的父 div 居中，而不是基于浏览器屏幕高度。有什么办法可以实现我想要的吗？谢谢!

Answer 1

给 div position: fixed 它将相对于窗口定位。