方法2,平移

.box {/* 大盒子 */
  width: 400px;
  height: 400px;
  background: #Ccc;
  position: relative;
}

 

.box1 {/* 小盒子 */
  width: 100px;
  height: 100px;
  background: red;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
posted @ 2018-09-25 15:28  指尖下的幽魂  阅读(154)  评论(0编辑  收藏  举报