绝对定位下实现水平或垂直居中

       在非绝对定位的情况下，用margin: 0 auto; 就能实现容器的水平居中了，但是在绝对定位的情况下，用margin: 0 auto; 是没有效果的。在绝对定位的情况下，可以设置left: 50%; margin-left : 容器宽度的负一半; 来实现，实现垂直居中的原理和实现水平居中的原理是一样的。

示例代码：

.out{
       width: 300px;
       height: 300px;
       background-color: #75B7C7;
       left:50%;
       top: 50px;
       margin-left: -150px;
       position: absolute;

}