层级
层级设置方法：
1、给父盒子一个定位（除静态定位都可以）
2、设置父盒子z-index：的值
position: relative;
z-index: 1;
层级比较：
盒子层级：标准流<浮动<定位。
1、不给层级的时候默认层级为0，
2、层级为0的盒子比浮动的和标准流的高，
3、层级为负数的盒子比浮动的和标准流的低，层级不能为小数。
4、层级一样，后面的盒子比前面的高。
5、标准流中的文字比浮动盒子层级高。
例图：hover事件后面的上边框会压住前面的下边框。解决方法：设置层级，使hover事件的层级大于本身事件
不管盒子是标准流还是浮动都会出现这种状况。
代码：
<style type="text/css">
*{
padding: 0;
margin: 0;
}
ul {
margin: 100px auto;
list-style: none;
width: 1000px;
}
li {
float: left;
width: 190px;
height: 300px;
margin-left: -1px;
cursor: pointer;
border: 1px solid #E4E4E4;
}
li:hover {
border: 1px solid #F40;
}
</style>
</head>
<body>
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</div>
</html>
改变后：
浙公网安备 33010602011771号