那么如何去掉这些缝隙呢？下面大家介绍几种解决方法：
1. 设置父元素的font-size为0
.parent {
font-size: 0;
}
.child {
font-size: 14px; /*恢复字体大小*/
}这种方法的原理是：在font-size为0的情况下，块之间的空格不再产生，这样就不会出现缝隙了。但是要注意，子元素的字体大小还要重新设置回来，否则会导致子元素也变为0大小，看不见。
2. 负margin
.child {
margin-right: -4px; /*将子元素的右边界向左移动4px*/
}这种方法的原理是：通过负margin的方式，让子元素的边界和父元素的边界重叠在一起，从而去掉缝隙。
3. flex布局
.parent {
display: flex;
justify-content: space-between;
}这种方法的原理是：使用flex布局后，子元素之间的间距默认为0，可以通过justify-content属性调整间距大小和方向。
总之，对于块之间的缝隙问题，可以采用多种方法解决。具体使用什么方法，可以根据实际情况选择最合适的方案。