1.margin负值妙用

常见布局技巧_相对定位

点击查看代码
 ul li {
            float: left;
            list-style: none;
            width: 150px;
            height: 200px;
            border: 1px solid red;
            margin-left: -1px;
        }
解析： 先看1盒子，执行margin-left，2盒子由于浮动也跟着1盒子移动，2盒子执行margin-left,12盒子边框重合

但此时会出现如图一下问题，当我们设置鼠标经过盒子时，边框颜色盒子右边边框未显示
常见布局技巧_其他_02

解决办法：
添加定位，添加相对定位

点击查看代码
            position: relative;
            border: 1px solid blue;
这是针对盒子没有定位的情况， 如果盒子有定位，则通过设置z-index，提高当前盒子的层级