css 定位（四）

 

静态定位 相对定位 绝对定位 固定定位

居中  translate(-50%,-50%) 移动自身的 空间

 .son {
      /* 1、子绝父相 */
      position: absolute;

      /* 2、让子盒子往右走大盒子一半 */
      left: 50%;

      /* 3、让子盒子往下走大盒子一半 */
      top: 50%;

      /* 4、让子盒子往左+往上走自己的一半 */
      /* transform: translateX(-50%); */
      /* transform: translateY(-50%); */
      /* 合写： */
      transform: translate(-50%,-50%);

      width: 200px;
      height: 100px;
      background-color: blue;
    }