CSS：margin負值，解決邊框線重合後變粗的問題

當在頁面中建立多個盒子後，然後給每個盒子加上邊框border，就會出現邊框線重合後線變粗的問題，和表格table的邊框線問題一樣，但不能用解決table表格邊框線的方法來解決盒子邊框線的問題。

這時候其實隻要一句代碼就可以解決這個問題，給盒子加一個：margin-left：-1px；這樣可以壓住盒子相鄰的邊框，就不會出現重合變粗的問題了。

.nav li {
			float: left;
			width: 150px;
			height: 100px;
			margin-left: -1px;
			border: solid 1px skyblue;
		}
           

同理如果頂部的邊框線發生了重合變粗的問題，margin-top：-1px；就可以了。

但這樣有一個問題，如果滑鼠經過這個li把顔色換成其他的，後邊的盒子是壓住目前這個盒子的，也就是說盒子右邊的邊框被壓住了。

這時候我們隻要保證目前滑鼠經過的這個盒子層級最高就可以了，這樣當滑鼠經過就能反壓住後面的盒子，而定位的層級是最高的，可以壓住标準流和浮動盒子。

.nav li:hover {
			/*隻能用相對定位，絕對定位是不占有位置的*/
			postion:relative;
			border: solid 1px hotpink;
		}