当我们给一个元素的一系列子元素设置display:inline-block;时，会发现子元素之间存在间隙，如div{display:inline-block;width:100px;height:100px;background-color:yellow;}页面显示是这样的，中间为何会有一条间隙呢？我们先用js获取到section，然后打印一下它的子节点，如下letsec=document.querySelector('section')letchildren=sec.childNodesconsole.log(children)打印结果页面显示为可以看出，我们只有两个div，但是打印出来七个
