去除inline-block元素间间距

其实这里有很多种方法清除，但是我就记录一种最简单，最好用的方法 font-size: 0(给父元素加)

1.font-size: 0 给父元素加

html
    <div style="font-size: 0">       <!--给父元素加font-size:0,子元素加了没用-->
        <div class="div1"></div>
        <div class="div1"></div>
    </div>
css
  .div1{
        width: 25%;
        height: 25vh;
        background-color: red;
        display: inline-block;
    }

其实到这里可能有很多童鞋就会觉得很奇怪了，为什么给父元素加才行，给子元素加就不行了。
开始我也很纳闷，仔细一想，我们是要去除子元素之间的换行，如果给子元素加font-size: 0,是作用在子元素的，并不能去除子元素之间的换行空格。