鼠标可点击区域扩大问题

[fanyifanbumaimeng]

最近碰到一个问题，鼠标的点击区域跟元素的大小不一致，可点击区域大概只有元素的一半左右，暂时没搞清楚产生的原因是什么，解决办法是给元素加伪类来解决。

outDiv{

    margin: auto;  
    position: absolute;  
    top: 0; right: 0; bottom: 0; left: 0;  
    width : 10rem;  
    height: 10rem;  
    background: cyan;  
    text-align: right;  
}  

#outDiv:before{  
    content: "";  
    display: inline-block;  
    height : 1.3rem;  
    width  : .7rem;  
}