li和li之间的bug解决方法

css:
ul{
      /*font-size:0;*/
      /*要设置在父级标签上的font-size:0;才能起到效果*/
}
li{
     100px;
    height: 100px;
    border: 3px solid blue;
    display: inline-block;
    font-size:0;
}



html:

<ul>
     <li></li>
     <li></li>
     <li></li>
     <li></li>
</ul>

引起17px的bug的原因是li和li之间存在1个字符的空间,要在ul上面设置Font-size:0;才能够起到效果