div盒子屏幕居中方案

.container{
  height: 300px; 
  width: 300px;
  background: red;
  position: absolute;
  top:50%;
  left: 50%;
  translate:-50%-50%;
}