.menu ul li:hover span{
background:#fff;
display:inline-block;
width:20px;
height:30px;
z-index:20;
position:relative;?????????????
float:right;
}
absolute是绝对定位要有一个参考元素才能进行定位，relative是相对原本的位置进行偏移初始位置保留
对元素进行定位 添加一个白色块进行遮挡
位置属性被设置为relative之后，是相对于前面的容器定位的。这个时候不能用top left在定位。应该用margin。它可以随窗口大小变化。但大小仍然不会变。要是你设置成width:100%;height:100%;这样就会随着窗口变大变小。