css之弹出层居中

css之弹出层居中, 

container设置为fixed，并且覆盖整个屏幕, 设置半透明

container的底下一层设置为absolute，然后top/left设置为50%居中，这个时候这层的左上角剧中了，然后用 transform再退回50%，把container的底下一层的中心居于屏幕中心

.horizontal-centering .container:nth-child(1) {
      position: fixed;
      top:0;
      left: 0;
      width: 100%;
      height: 100%；
      background: rgba(0,0,0,0.6);
    }

.horizontal-centering .container:nth-child(1)>div {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }