HTML/CSS 有时两个div接合处会出现缝隙的解决方法

写一个网页时突然发现两个本该紧密接触的div（margin，padding均为0，）之间忽然出现了一条小白缝，如图：

咳咳，虽然有点小，但还是很扎眼。
经过检查，发现使用float：left时两个div之间只要相邻的边有一条的border 自定义设为0，就会出现缝隙。
也就是上图div1的右border和div2的左border中，有一个为0px就会出现缝隙。
注意了，不加任何相邻边border-XXX-width设定则不会出现缝隙，但是一旦加上某条相邻边border-XXX-width: 0px，暂不清楚为何会这样，也许和float的某些机制有关。（说明用float时不设置border-width和将其设置为0并不是完全等价，暂不清楚，欢迎指教）
解决方法：
1.相接border不设为0，设为1px，颜色和背景颜色一样（用border-right-color等等）。
2.不设置相邻边的属性（即使是0px也不可以），单独用border-XXX来设置其他非相邻边的属性。