javascript - CSS:为什么有时候两个在一起的同胞元素，并没有设定margin值，可是之间却还是有一定的外边距？

Question

比如像这两个span标签，我只是给他们加了左右边框，可是发现第二个span并没有紧贴着第一个span
除非加浮动两个元素才会紧贴在一起，为什么

Answer 1

其实，这并不是bug...要明确一点的是，其实html说到底，本质还是一个文档来着，你应该是在两个span标签之间，换行了，或者有空格之类的。在浏览器解析的时候，他会默认空出1个字符的位置还给他，解决方案有很多，挨在一起，或者两个标签换行的部分给他注释掉都可以。

诚如其他小伙伴所言，你也可以理解为4px的问题，（虽然这也不是什么bug，只是一种浏览器表现方式而已）。

如果真的需要解决这个问题，可以看看下面的这个网站~~~

传送门

Answer 2

inline-block产生的间隙问题，FireFox下这个间隙是8px，其他浏览器下是4px；解决方案是在父级添加font-size：0;子元素设置原来的字体大小；

Answer 3

4px 问题 可以去搜下

Answer 4

空格占位置了吧~