让 div 水平并垂直居中 定位

<style>.

方法四        

box4{

            width: 300px;

            height: 300px;

            border: 2px solid green;

            /* background-color: pink; */

            /* margin: 100px auto; */

            /* 相对定位 */

            position: relative;

            /* 第四种（flexbox） */

            display: flex;

            /* 主轴方向对齐方式 */

            justify-content: center;

            /* 交叉轴方向对齐方式 */

            align-items: center;  }

        .box4>div{

            width: 100px;

            height: 100px;

            background-color: pink;    }

    </style>

    <div class="box4"><div>方法4</div></div>