欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

css样式之元素position设为fixed/absolute/relative使用margin: 0 auto无效的解决方法

程序员文章站 2022-04-26 15:11:31
...

常用margin居中方法 

.example{
    width: 100px;
    margin: 0 auto;
}

当我们设置position就无效了

解决方法:

.example{
    position: absolute;
    top: 70px;
    left: 50%;             //left为50%,值是固定的
    width: 1264px;
    margin-left: -632px;    //margin-left为 -width的一半
}

 

相关标签: css 居中