css - 完全居中图像和 div

Question

正如你在这里看到的http://dekkro.no-ip.org/

我有两个 div，一个在另一个之上。我希望它们是 100% 死点。使用顶部的 div，在调整页面大小时保持在中心。它们以我为中心，但对很多人而言并非如此。

我尝试过使用边距和百分比，但仍然不完美。有解决办法吗？

我正在使用

position:absolute; left:32%; top:24%;margin: auto;z-index:-1;

谢谢!

Answer 1

如果您的 div 的宽度和高度是固定的，您可以使用负边距将其居中。

例如，如果您有一个 300x200 的 div，您可以这样居中:

div {
  position: absolute;
  width: 300px;
  height: 200px;
  left: 50%;
  top: 50%;
  margin-left: -150px;
  margin-top: -100px;
}