【CSS基础—No.03】消除display: inline-block产生的间隙

一、问题描述：

如果你举例子尝试的话会发现一个问题，display: inline-block元素垂直和水平方向也会产生一个间隙，而这个间隙在实际开发中会让我们的页面不那么严谨。看图说话👇 

<script>
.top{
    background-color: orange;
    width: 100px;
    height: 100px;
    display: inline-block;
}
.bottom{
    background-color: plum;
    width: 100px;
    height: 100px;  
}
</script>
<d