业务场景：比如某个按钮大小已经固定了，但是需求点击按钮周边就可以触发点击事件。
设置一下before属性里面的height,width就是设置你要点击的范围。
rem是css3中新增加的一个单位属性(font size of the root element),根据页面的根节点的字体大小进行转变的单位。root！！！！！！！！！根节点，也就是需要扩大点击事件的html元素
例：(下面例子中的根节点是html ，它的字体大小是100px，所以根节点下面的元素所设置的rem，都是1rem=100px。)
rem的初始值是16px，也就是说在没有设置根节点的font-size的时候，1rem=16px
.og_next{ ???????width:25px; ???????height:50px; ???????background:url(../images/btn.png) no-repeat; ???????position:absolute; ???????top:250px; ???????z-index:99; ???????cursor:pointer; ???????margin-left:0px; ???????padding-left:-2px; ???} ???.og_next:before{ ???????margin-top:-250px; ???????content: ""; ???????display: inline-block; ???????height : 45rem; ???????width ?: 2.5rem; ???}css 扩大点击范围
原文地址：https://www.cnblogs.com/lazyInsects/p/9456532.html