由淘宝鼠标经过显示头像想起的 定位分析

 

 

淘宝首页 每个li长短不一，如何鼠标经过让弹出的头像居中呢，方法如下：

 

li 相对定位

li：before 使用绝对定位：

position: absolute;
top: -15px; 头像上来
left: 50%;  便宜左边50%
margin-left: -13px;  减去自身的宽度一半