如何去除两个同级Div之间的间距？

在我们写布局的时候经常会遇到两个同级别相邻的div之间存在间隔。今天来说下如何去除这个间隔。

出现的原因

那么为什么会两个div之前会出现空隙呢？

• 容器溢出

div中元素高度和宽度比设置的div的height、width参数要大。

• div之间被认为设置了空隙

一般情况下当我们给div容器设置了display:inline-block;后，若是我们换行且最终代码未压缩就会出现这种有间隔的情况。

如何解决

1、通过代码压缩，防止人为因素或者格式化工具导致的间隔。

<div id="a"><div></div><div id="b"></div><div></div></div>

2、设置body字体大小为0，并给内部div设置字体。

<div class="container">
  <div class="fa">你好</div>
  <div class="so">都好</div>
</div>
<style>
* {
  margin:0;
  padding:0;
}
body { 
  font-size:0;
}
.container div{
  display:inline-block;
  font-size:14px;
}
</style>