1.div 本身 block，不需要改成 inline-block，
用 position 任何元素 都不能設(shè)置 display屬性
因此 去掉多余的設(shè)置 display，position

2.父元素添加 text-algin： center；
因?yàn)樽釉貫?inline-block

display:inline-block 就把div變成行內(nèi)元素啦，所以父元素加text-align:center 就可以啦。

margin:0 auto是用于block的，你的是inline-block。inline-block要居中就更簡(jiǎn)單了，只需要父級(jí)元素設(shè)置text-align:center;

去掉display:inline-block

方法1、去掉display:inline-block
方法2、父元素增加text-align: center，不過(guò)這樣的話，子元素的文字全部居中了，推薦第一種辦法

父元素，text-align:center就行

用flex

.login{
display:flex;
justify-content:center;
align-items:center;
}

.login {
 display: block;
 margin: 0 auto;
 position: relative; // 用了 position，margin 也不會(huì)居中了
}

.login{
    displty:inline-block;
    position:relative;
    left:50%;
    margin-left:-155px; //這里利用margin的負(fù)值居中，當(dāng)然也可以使用translateX(-155px);
    padding:20px 20px 20px;
    width:310px;
    background-color:white;
    border-radius:3px;
}