前端两个div之间总是有白线的产生原因和解决方法

在写前端样式的时候，遇到过一个很坑很坑的大坑。
就是两个兄弟div排列的时候，哪怕margin为0，padding为0，两个div之间还是有一条白线。

产生原因：因为两个div之间有空格，而浏览器默认空格存在，那一条白线其实是空格占据产生。

解决方法：
1. 在父元素之中设置font-size为0。
2. 将两个div紧贴着（删除div之间的空格）
如：

 		<div class="box1"> 
			123
		</div>
		<div class="box2">
			456
		</div>
	
	修改为：
		<div class="box1">
			123
		</div><div class="box2">
				456
			  </div>