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;
		}