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來設置其他非相鄰邊的屬性。