問題：
解決：
對第一個和第二個盒子都添加margin-left:-mpx;(m表示邊框的大小)，這樣兩個邊框就重疊在了一起，就不會看起來有加粗的效果了。
疑問：
第一個盒子向左移動mpx，第二個盒子也向左移動mpx，兩個盒子的相對位置並沒有改變。
說明：
瀏覽器在渲染的時候，先對盒子1進行執行，完全執行完盒子1以后再執行盒子2，當盒子2執行到浮動時，盒子2向左浮動的參照實際是已經向左移動了mpx的盒子1，所以此時盒子2是與移動后的盒子1對齊的，再向左移動mpx，左就會與盒子1的右邊框重疊。
第二個問題：
當需要鼠標經過四個邊框改變顏色的時候會發生問題。
右邊的盒子可以四個邊框都變色，但左邊的盒子因為右邊框被壓住無法實現變色，這是可以設置鼠標經過的盒子添加相對定位（position:relative）；如果有其余的盒子本來就有相對定位的可以設置鼠標經過的盒子的z-index為1.