保证金：0自动;不工作的形象

Question

所以我有这个代码，试图在屏幕大小及以下时将图像居中，但它不起作用。它根本不会改变位置。

#navbar {
    margin: 0;
    padding: 0;
    height: 55px;
    width: 100%;
    background-color: #3399FF;
}
#navbar_logo {
    margin: 0 0 0 150px;
    padding: 0;
    float: left;
}
#navbar_links {
    margin: 0 0 0 250px;
    padding: 0;
    height: 55px;
    width: 430px;
    float: left;
}
#navbar_links a {
    margin: 0 0 0 20px;
    padding: 0;
    float: left;
}
@media screen and (max-width: 730px){
    #navbar {
        height: 110px;
    }
    #navbar_logo {
        display: block;
        margin: 0 auto;
    }
    #navbar_links {
        margin: 0 0 0 50px;
        width: 430;

    }
}

Answer 1

即使具有自动边距，浮动元素也会将其推到一边。

您需要明确将float设置回none。

Answer 2

将text-align:center;映像为父级代码