绝对定位：中心点定位

        .box2 {
            width: 300px;    
            height: 300px;    
    
            position: absolute;
            /* 上和左各给50%，根据中心点定位
                再使用transform来调整元素位置
                （transform的translate是相对于自身宽高，例：当前translateX(-100%);代表left：-300px,自身的宽高），
                这样的好处是：页面元素位置不会随着窗口大小而变形，
             */
            top:50%;
            left: 50%;
            transform: translate(-100%,-70%);
        }