一、定位居中

利用定位进行居中：

div{

    width: 200px;

    height: 200px;

    position: absolute;

    left: 50%;

    top: 50%;

    margin-left: -100px;

    margin-top: -100px;

}