显示内联自动游戏

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正常流程中的块级非替换元素

     

'margin-left'+'border-left-width'+'padding-left'+'width'+'padding-right'+'border-right-width'+'margin-right'=包含的宽度块

     

如果以上所有都具有“auto”以外的计算值，则表示该值为“过度约束”...，“ margin-right ”的指定值为忽略并计算值以使等式为真。 ......

Answer 2

如果你指的是橙色的“边距”，那么不是。到目前为止你没有问题。要测试它，请尝试添加此测试span：

<div class="header">
  <div class="logo">
    <a class="logo.icon" href="#"></a> <a>Dashboard</a>
    <span>testing</span>  <!-- This -->
  </div>
</div>

Answer 3

我认为它的填充而不是margin先生删除填充代码并刷新