固定和居中的div与尺寸

Question

我想在屏幕中心放置一个60％x 50％维度的固定div。需要使用A，B，C，D的哪些值来实现这种效果？     div {       位置：固定;       顶部：A％;       左：B％;       宽度：60％;       身高：50％;       变换：翻译（-C％， - D％）     }

Answer 1

这应该是你要找的东西

.centered {
  width: 60%;
  height: 50%;
  position:fixed;
  left:50%;
  top:50%;
  transform: translate(-50%, -50%);
}