绝对定位的盒子居中

今天学习了一个非常实用的css如下:

div{
    width: 600px;
    height: 60px;
    background: #13ce66;
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -300px;  /*组件真实宽度的一半 这里是600的一半*/
}

当作公式记录下来,就是left: 50%; margin-left: 负的宽度的一半。

猜你喜欢

转载自blog.csdn.net/u010256329/article/details/83583490