看别人的代码看到过font-size:0这个设置，不明白为何这样操作， 后来研究一下才明白：这是像素级还原设计稿很有用的设置，因为元素节点有文本节点，在缩进代码时会占据宽度，这么说不好理解，演示如下：

###html:

    
  
     
      1
     
  
     
      2
     
  
     
      3
     
    
复制代码

css:

.box{  width: 90px;  height: 60px;  border: 1px solid #ccc;}.box div{  display: inline-block;  box-sizing: border-box;  font-size: 14px;  width: 30px;  border: 1px solid ;}复制代码

• 理论上box下面的三个div都是30px，刚好在一行显示，但是实际效果是这样：

• 这就是上文说到的原因，我们在box下添加font-size:0;再看看效果

• 可以看到这才是我们想要的结果，因此在实际开发中，为了更好的还原设计稿，在父元素很有必要设置font-size:0，避免莫名其妙的间距。