html - 显示内联自动边距

Question

如果有更多经验的人能说出这个利润来自哪里。谢谢!!

这是CSS:

.logo-icon {
    background-image: url('../../images/logo.png');
    background-repeat: no-repeat;
    height: 48px;
    width: 49px;
    display: inline-block;
}
.logo {
    padding: 7px;
    margin-right: 0px;
    width: 200px;
}
.header {
    height: 60px;
    width: 100%;
    background-color: #FFFF;
    position: fixed;
}

.header a {
    font-family: 'Roboto';
    font-size: 20px;
    color: #2D9CDB;
    vertical-align: -webkit-baseline-middle;
}

Answer 1

来自CSS 2.2 spec for calculating widths :

10.3.3 Block-level, non-replaced elements in normal flow

'margin-left' + 'border-left-width' + 'padding-left' + 'width' + 'padding-right' + 'border-right-width' + 'margin-right' = width of containing block

If all of the above have a computed value other than 'auto', the values are said to be "over-constrained" ..., the specified value of 'margin-right' is ignored and the value is calculated so as to make the equality true. ...